{"version":3,"file":"main.8c42eae9e7cdf13e.js","mappings":"+LA2CgBA,MAAA,UAA8BA,MAAA,mBAAAA,MAAAC,GAAA,MAAAC,EAAAF,MAAA,UAASA,MAAAE,EAAAC,YAAW,GAChDH,MAAA,YACFA,kDACAA,MAAA,UAA8BA,MAAA,mBAAAA,MAAAI,GAAA,MAAAC,EAAAL,MAAA,UAASA,MAAAK,EAAAF,YAAW,GAChDH,MAAA,YACFA,gCASFA,MAAA,WAAuEA,MAAA,eAASA,gCAChFA,MAAA,WAAsEA,MAAA,YAAMA,kDAzD1FA,MAAA,UAAAA,CAA+C,UAA/CA,CAA+C,UAA/CA,CAA+C,UAA/CA,CAA+C,UAA/CA,CAA+C,QAKjCA,MAAA,YAAMA,QACRA,MAAA,cAG6CA,MAAA,mBAAAA,MAAAM,GAAA,MAAAC,EAAAP,QAAA,OAASA,MAAAO,EAAAC,QAAO,GAAER,MAAA,QACjEA,UAEAA,MAAA,UAAAA,CAAwB,WAAxBA,CAAwB,QAAxBA,CAAwB,UAAxBA,CAAwB,WAIYA,MAAA,mBAAAA,MAAAM,GAAA,MAAAG,EAAAT,QAAA,OAASA,MAAAS,EAAAC,kBAAiB,GACtDV,MAAA,aACFA,UAEFA,MAAA,UAAAA,CAAoB,WACYA,MAAA,mBAAAA,MAAAM,GAAA,MAAAK,EAAAX,QAAA,OAASA,MAAAW,EAAAC,iBAAgB,GACrDZ,MAAA,aACFA,UAEFA,MAAA,WAAAA,CAAqB,WACWA,MAAA,mBAAAA,MAAAM,GAAA,MAAAO,EAAAb,QAAA,OAASA,MAAAa,EAAAC,kBAAiB,GACtDd,MAAA,aACFA,UAEFA,MAAA,UAAAA,CAAoB,WACYA,MAAA,mBAAAA,MAAAM,GAAA,MAAAS,EAAAf,QAAA,OAASA,MAAAe,EAAAC,kBAAiB,GACtDhB,MAAA,aACFA,UAEFA,MAAA,UAAAA,CAAoB,WACYA,MAAA,mBAAAA,MAAAM,GAAA,MAAAW,EAAAjB,QAAA,OAASA,MAAAiB,EAAAC,eAAc,GACnDlB,MAAA,aACFA,UAGFA,MAAA,WACEA,MAAA,GAAAmB,GAAA,YAGAnB,MAAA,GAAAoB,GAAA,YAGFpB,UAEFA,MAAA,SAAAA,CAAK,WAALA,CAAK,YACgDA,MAAA,eAAQA,QAC3DA,MAAA,YAAkDA,MAAA,cAAOA,QACzDA,MAAA,YAAkDA,MAAA,eAAQA,QAC1DA,MAAA,YAAkDA,MAAA,eAAQA,QAC1DA,MAAA,YAAkDA,MAAA,YAAKA,QACvDA,MAAA,GAAAqB,GAAA,aACArB,MAAA,GAAAsB,GAAA,aACFtB,8CAhB0DA,MAAA,IAAAA,MAAA,QAAAuB,EAAAC,aAGDxB,MAAA,GAAAA,MAAA,OAAAuB,EAAAC,aAWJxB,MAAA,IAAAA,MAAA,QAAAuB,EAAAC,aACAxB,MAAA,GAAAA,MAAA,OAAAuB,EAAAC,cChD1D,IAAMC,EAAoB,MAA3B,MAAOA,EAKXC,YAAoBC,EAA2CC,GAA3CC,KAAAF,mBAA2CE,KAAAD,mBAJtDC,KAAAC,gBAA0B,EACnCD,KAAAL,aAAuB,EAEvBK,KAAAE,SAAmB,EAEnB,CAEAC,WACEH,KAAKE,SAAWF,KAAKF,iBAAiBM,IACxC,CACAC,QAAQC,GACNN,KAAKC,eAAiBK,CACxB,CACAzB,kBACE,MAAM0B,EAAaC,mBAAmBR,KAAKE,UAC3CF,KAAKrB,QACL8B,OAAOC,KAAK,gDAAgDH,IAAc,SAC5E,CAEAjC,YACE0B,KAAKL,aAAc,EACnBK,KAAKD,iBAAiBY,gBAAgBX,KAAKE,SAC7C,CACAnB,iBACE,MAAMwB,EAAaC,mBAAmBR,KAAKE,UAC3CF,KAAKrB,QACL8B,OAAOC,KAAK,wCAAwCH,UAAmBA,IAAc,SACvF,CACA5B,QACEqB,KAAKC,gBAAiB,CACxB,CACAhB,kBAEE,MAAMsB,EAAaC,mBAAmBR,KAAKE,UAC3CF,KAAKrB,QACL8B,OAAOC,KAAK,6CAA6CH,WAAoBA,IAAc,SAC7F,CACApB,kBACE,MAAMoB,EAAaC,mBAAmBR,KAAKE,UAC3CF,KAAKrB,QACL8B,OAAOC,KAAK,sCAAsCH,IAAc,SAElE,CACAlB,eACE,MAAMkB,EAAaC,mBAAmBR,KAAKE,UAC3CF,KAAKrB,QACL8B,OAAOC,KAAK,mDAAmDH,IAAc,SAC/E,iDAhDWX,GAAoBzB,MAAAyC,MAAAzC,MAAA0C,OAAA,oCAApBjB,EAAoBkB,UAAA,uBAAAC,OAAA,CAAAd,eAAA,kBAAAe,MAAA,EAAAC,KAAA,EAAAC,OAAA,8kDAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,GDTjCjD,MAAA,EAAAmD,GAAA,mBAAyBnD,MAAA,OAAAkD,EAAApB,gcCSZL,CAAoB,uJCH1B,IAAM2B,GAAgB,MAAvB,MAAOA,EALb1B,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGahC,EAAgB,oCAAhBA,EAAgBT,UAAA,kBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOhBxB,EAAoB,m4CCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,OAAjBA,CAAiB,QAOaA,MAAA,2BAAoBA,YAIlCA,MAAA,UAAAA,CAA2B,UAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAehHA,MAAA,YAA6BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAChDkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,4BAAqBA,QAC1BA,MAAA,cAA4BA,MAAA,uhBAQUA,QAEtCA,MAAA,cAA4BA,MAAA,4UAKwBA,UAExDA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,qCAA8BA,QACnCA,MAAA,cAA4BA,MAAA,8dAOwBA,UAGxDA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,SAAKA,MAAA,wCAAiCA,QACtCA,MAAA,eACIA,MAAA,oFACJA,QAEAA,MAAA,WAAAA,CAAkB,SACVA,MAAA,uDAAgDA,QACpDA,MAAA,YAAiBA,MAAA,sEAAqDA,QACtEA,MAAA,YAAiBA,MAAA,0HAC2CA,QAC5DA,MAAA,YAAiBA,MAAA,wHAC6CA,QAC9DA,MAAA,YAAiBA,MAAA,qGAC0BA,QAC3CA,MAAA,YAAiBA,MAAA,oFACKA,UAG1BA,MAAA,eACIA,MAAA,6JAEJA,gBAOhBA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAKtBA,MAAA,2BACJA,UAGJA,MAAA,aAaAA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEvBA,QACAA,MAAA,YAAAA,CAAuB,cAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAGpDnF,MAAA,6CAAqCA,gBAMzDA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEvBA,QACAA,MAAA,YAAAA,CAAuB,cAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAClDnF,MAAA,uCAENA,gBAMhBA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEvBA,QACAA,MAAA,YAAAA,CAAuB,cAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,0CACJA,gBAMhBA,MAAA,YAAAA,CAA4B,WAA5BA,CAA4B,aAGGA,MAAA,aACvBA,QACAA,MAAA,YAAAA,CAAsB,UAAtBA,CAAsB,cAIVA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,uCAA+BA,YAG3CA,MAAA,YAAAA,CAAsB,WAC4CA,MAAA,aAClCA,oBASpDA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,YAAtBA,CAAsB,UAAtBA,CAAsB,gBAGuDA,MAAA,0BAASkD,EAAA0B,OAAO,gBAAgB,GACjG5E,MAAA,aAAuCA,MAAA,6BAC3CA,YAGJA,MAAA,YAAAA,CAA0B,UAA1BA,CAA0B,gBAC8CA,MAAA,0BAASkD,EAAA0B,OAAO,mBAAmB,GAClG5E,MAAA,4BAEKA,MAAA,aAAyCA,yBAjF/BA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAiB4CvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,GAAA,KAAArC,EAAAK,SAqB7DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,KAMAxF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,00ZDhMNrC,CAAgB,uJEAtB,IAAMsC,GAAqB,MAA5B,MAAOA,EALbhE,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGaM,EAAqB,oCAArBA,EAAqB/C,UAAA,wBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOrBxB,EAAoB,24CCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,OAAjBA,CAAiB,QAOaA,MAAA,oGAAkBA,YAIhCA,MAAA,UAAAA,CAA2B,UAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAehHA,MAAA,YAA6BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAChDkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,mGAAiBA,QAItBA,MAAA,cAA4BA,MAAA,ypGAW5BA,QAEAA,MAAA,cAA4BA,MAAA,y8CAM5BA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,2IAA2BA,QAEhCA,MAAA,cAA4BA,MAAA,qpFAS5BA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,SAAKA,MAAA,oIAAyBA,QAE9BA,MAAA,eACIA,MAAA,wgBAEJA,QAEAA,MAAA,WAAAA,CAAkB,SACVA,MAAA,8OAA8CA,QAClDA,MAAA,YAAiBA,MAAA,kUACPA,QACVA,MAAA,YAAiBA,MAAA,6uBAEKA,QACtBA,MAAA,YAAiBA,MAAA,qiBACuCA,QACxDA,MAAA,YAAiBA,MAAA,klBAC4CA,QAC7DA,MAAA,YAAiBA,MAAA,6bACgBA,UAGrCA,MAAA,eACIA,MAAA,+7BAGJA,gBAMhBA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAMtBA,MAAA,yDACJA,UAEJA,MAAA,aAaAA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEvBA,QACAA,MAAA,YAAAA,CAAuB,cAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAGpDnF,MAAA,iJAA2BA,gBAK/CA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEvBA,QACAA,MAAA,YAAAA,CAAuB,cAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,2IACLA,gBAKhBA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEvBA,QACAA,MAAA,YAAAA,CAAuB,cAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,qIAAyBA,gBAK7CA,MAAA,YAAAA,CAA4B,WAA5BA,CAA4B,aAGGA,MAAA,aACvBA,QACAA,MAAA,YAAAA,CAAsB,UAAtBA,CAAsB,cAIVA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,yIAAwBA,YAGpCA,MAAA,YAAAA,CAAsB,WACgDA,MAAA,aACtCA,oBASpDA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,YAAtBA,CAAsB,UAAtBA,CAAsB,gBAGsDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAI5E,MAAA,aAC7DA,MAAA,+FAE1CA,YAEJA,MAAA,YAAAA,CAA0B,UAA1BA,CAA0B,gBAE8CA,MAAA,0BAASkD,EAAA0B,OAAO,mBAAmB,GAClG5E,MAAA,iGAEKA,MAAA,aAAyCA,yBA/E/BA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAe4CvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,GAAA,KAAArC,EAAAK,SAqB7DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,KAOAxF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,g1ZD5MNC,CAAqB,2BEPlC1F,MAAA,uCACAA,MAAA,uBCMO,IAAM2F,GAAyB,MAAhC,MAAOA,EALbjE,cAMAG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfaF,EAAyB,oCAAzBA,EAAyBhD,UAAA,4BAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPtCjD,MAAA,EAAAiG,GAAA,qBACAjG,MAAA,EAAAkG,GAAA,kCADclG,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMPF,CAAyB,2HCA/B,IAAMQ,GAAwB,MAA/B,MAAOA,EALbzE,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGae,EAAwB,oCAAxBA,EAAwBxD,UAAA,2BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOxBxB,EAAoB,8+DCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,OAAjBA,CAAiB,QAOYA,MAAA,wCAAiCA,YAI9CA,MAAA,UAAAA,CAA2B,UAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAgBhHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,yCAEJA,QACAA,MAAA,cAA2BA,MAAA,kCAA2BA,QAEtDA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAEJA,MAAA,eAA2BA,MAAA,6FAEAA,QAE3BA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,cAA2BA,MAAA,uOAIhBA,QAEXA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,UAEJA,MAAA,cAA2BA,MAAA,oPAIgBA,QAE3CA,MAAA,YAAAA,CAAsB,aAEdA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,UAGJA,MAAA,cAA2BA,MAAA,+EAEAA,QAE3BA,MAAA,YAAAA,CAAsB,aAEdA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,UAEJA,MAAA,cAA2BA,MAAA,qbAORA,QAGnBA,MAAA,YAAAA,CAAsB,aAEdA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,UAGJA,MAAA,cAA2BA,MAAA,qHAEuCA,QAElEA,MAAA,YAAAA,CAAsB,aAEdA,MAAA,aACJA,UAEJA,MAAA,cAA2BA,MAAA,uIAE4CA,QAEvEA,MAAA,YAAAA,CAAsB,aAEdA,MAAA,aACJA,UAEJA,MAAA,cAA2BA,MAAA,gvBAWCA,gBAO5CA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAKtBA,MAAA,2BACJA,UAGJA,MAAA,aAgBAA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACvBA,QACAA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEnBnF,MAAA,+CACJA,sBAU5BA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,YAAtBA,CAAsB,UAAtBA,CAAsB,gBAIVA,MAAA,aAAuCA,MAAA,mCAE3CA,YAQJA,MAAA,YAAAA,CAA0B,UAA1BA,CAA0B,gBACgDA,MAAA,sBAC5DA,MAAA,aAAyCA,yBAhCcA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAkB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAuF,KAaAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAwF,m1ZDhNNW,CAAwB,wHEA9B,IAAMC,GAA6B,MAApC,MAAOA,EALb1E,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGagB,EAA6B,oCAA7BA,EAA6BzD,UAAA,iCAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAO7BxB,EAAoB,8gECdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,OAAjBA,CAAiB,QAOYA,MAAA,4JAA6BA,YAI1CA,MAAA,UAAAA,CAA2B,UAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAehHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,SACIA,MAAA,6JAEJA,QACAA,MAAA,cAA2BA,MAAA,0IAA+BA,QAC1DA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eAA2BA,MAAA,8PACcA,QAEzCA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAIJA,MAAA,cAA2BA,MAAA,siBAGgBA,QAE3CA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,UAGJA,MAAA,cAA2BA,MAAA,kmCAGkBA,QAC7CA,MAAA,YAAAA,CAAsB,aAEdA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,UAIJA,MAAA,cAA2BA,MAAA,gRACRA,QACnBA,MAAA,YAAAA,CAAsB,aAEdA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,UAGJA,MAAA,cAA2BA,MAAA,+oEAMkBA,QAE7CA,MAAA,YAAAA,CAAsB,aAEdA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,UAGJA,MAAA,cAA2BA,MAAA,olBAEEA,QAC7BA,MAAA,YAAAA,CAAsB,aAEdA,MAAA,aACJA,UAGJA,MAAA,cAA2BA,MAAA,ojBAEZA,QACfA,MAAA,YAAAA,CAAsB,aAEdA,MAAA,aACJA,UAEJA,MAAA,cAA2BA,MAAA,spHAUiBA,gBAMxDA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAMtBA,MAAA,2DACJA,UAEJA,MAAA,aAgBAA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEvBA,QACAA,MAAA,YAAAA,CAAuB,cAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAGpDnF,MAAA,2LACJA,sBAS5BA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,YAAtBA,CAAsB,UAAtBA,CAAsB,gBAGyDA,MAAA,0BAASkD,EAAA0B,OAAO,sBAAsB,GACzG5E,MAAA,aAAuCA,MAAA,4GAC3CA,YAEJA,MAAA,YAAAA,CAA0B,UAA1BA,CAA0B,gBAC6CA,MAAA,2CACzDA,MAAA,aAAyCA,yBAxB/BA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAkBjBvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAuF,KAKAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAwF,y1ZDpMVY,CAA6B,2BEP1CpG,MAAA,gDACAA,MAAA,gCCMO,IAAMqG,GAA0B,MAAjC,MAAOA,EALb3E,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfWQ,EAA0B,oCAA1BA,EAA0B1D,UAAA,8BAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPvCjD,MAAA,EAAAsG,GAAA,8BACAtG,MAAA,EAAAuG,GAAA,2CADuBvG,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMhBQ,CAA0B,iHCAhC,IAAMG,GAAiB,MAAxB,MAAOA,EALb9E,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGaoB,EAAiB,oCAAjBA,EAAiB7D,UAAA,mBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOjBxB,EAAoB,0kCCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,WAIiCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAEpG/E,MAAA,QAAIA,MAAA,eAASA,UAEjBA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAehHA,MAAA,WAAAA,CAA6B,cACXA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAC3E/E,MAAA,6XAAuXA,QAEhYA,MAAA,eAA2BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACxF/E,MAAA,QAAGA,MAAA,iCACRA,QAAIA,MAAA,oeAqBcA,QAEtBA,MAAA,eAA2BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACxF/E,MAAA,QAAGA,MAAA,wBAAiBA,QAAIA,MAAA,guBA2BjCA,QAEAA,MAAA,eAAcA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAC3E/E,MAAA,4VAYAA,gBAMzBA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAKtBA,MAAA,2BACJA,UAaJA,MAAA,WAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,2BAAoBA,gBAMxCA,MAAA,WAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,gCACzBA,gBAMhBA,MAAA,WAAAA,CAA6B,UAA7BA,CAA6B,WAA7BA,CAA6B,aAGMA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,gCACzBA,sBAW5BA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,YAAtBA,CAAsB,UAAtBA,CAAsB,gBAEiDA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GAAI5E,MAAA,aACnDA,MAAA,uBAC1CA,YAGJA,MAAA,YAAAA,CAAyB,UAAzBA,CAAyB,gBAC4CA,MAAA,0BAASkD,EAAA0B,OAAO,cAAc,GAAG5E,MAAA,uBAExFA,MAAA,aAAyCA,yBArDcA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAiB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,20ZD3KNgB,CAAiB,iHEAvB,IAAMC,GAAsB,MAA7B,MAAOA,EALb/E,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGaqB,EAAsB,oCAAtBA,EAAsB9D,UAAA,yBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOtBxB,EAAoB,siCCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,WAIiCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAEpG/E,MAAA,QAAKA,MAAA,qCAAMA,UAEfA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAehHA,MAAA,WAAAA,CAA4B,cAEVA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAC3E/E,MAAA,kzDAA6WA,QAEtXA,MAAA,eAA2BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACvF/E,MAAA,QAAGA,MAAA,qGAAmBA,QAAIA,MAAA,otEAOpCA,QAEAA,MAAA,eAA2BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACxF/E,MAAA,QAAGA,MAAA,0GAAmBA,QAAIA,MAAA,iuHAanCA,QAEAA,MAAA,eAAeA,MAAA,2rDAKfA,gBAKhBA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAKtBA,MAAA,0DACJA,UAaJA,MAAA,WAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,oFAAiBA,gBAMrCA,MAAA,WAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,oGACzBA,gBAMhBA,MAAA,WAAAA,CAA6B,UAA7BA,CAA6B,WAA7BA,CAA6B,aAGMA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,0GACzBA,sBAW5BA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,YAAtBA,CAAsB,UAAtBA,CAAsB,gBAG+CA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GAAI5E,MAAA,aACjDA,MAAA,8CAC1CA,YAEJA,MAAA,YAAAA,CAAyB,UAAzBA,CAAyB,gBAE6CA,MAAA,0BAASkD,EAAA0B,OAAO,cAAc,GAAG5E,MAAA,yEAEzFA,MAAA,aAAyCA,yBAtDcA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAkB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,i1ZDvINiB,CAAsB,2BEPnCzG,MAAA,wCACAA,MAAA,wBCMO,IAAM0G,GAAqB,MAA5B,MAAOA,EALbhF,cAMAG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EAEd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAhBaa,EAAqB,oCAArBA,EAAqB/D,UAAA,wBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPlCjD,MAAA,EAAA2G,GAAA,sBACA3G,MAAA,EAAA4G,GAAA,mCADe5G,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMRa,CAAqB,8JCA3B,IAAMG,GAAmB,MAA1B,MAAOA,EALbnF,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGayB,EAAmB,oCAAnBA,EAAmBlE,UAAA,sBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOnBxB,EAAoB,84ECdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,uBAAiBA,UAEzBA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAiBhHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAG9F/E,MAAA,cAA2BA,MAAA,oSAUyBA,QACpDA,MAAA,cAA2BA,MAAA,kRAWIA,UAGnCA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,uCACJA,QAEAA,MAAA,QAAAA,CAAI,WAAJA,CAAI,QAEQA,MAAA,6BAAqBA,QAAIA,MAAA,qLAMjCA,QACAA,MAAA,WAAAA,CAAiB,QACTA,MAAA,kCAA0BA,QAAIA,MAAA,wIAKtCA,QAEAA,MAAA,WAAAA,CAAiB,QACTA,MAAA,2BAAmBA,QAAIA,MAAA,8HAG/BA,QAEAA,MAAA,WAAAA,CAAiB,QACTA,MAAA,2BAAmBA,QAAIA,MAAA,2KAQ/BA,YAKRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,iCACJA,QACAA,MAAA,eAAcA,MAAA,wEAAiEA,QAE/EA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,kBAAaA,QAAKA,MAAA,yCAAiCA,QACjFA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,kBAAaA,QAAKA,MAAA,2HAAoHA,QACpKA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAIJA,MAAA,eAA2BA,MAAA,gLAA2JA,QACtLA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAUJA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,mBAAcA,QAAKA,MAAA,4FAAoFA,QACtIA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,mBAAcA,QAAKA,MAAA,qIAA6HA,QAC/KA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,mBAAcA,QAAKA,MAAA,sEAA8DA,QAChHA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,mBAAcA,QAAKA,MAAA,kJAA0IA,QAC5LA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,mBAAcA,QAAIA,MAAA,uFAAgFA,QACjIA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,mBAAcA,QAAIA,MAAA,iGAA0FA,QAC3IA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAGJA,MAAA,eAAAA,CAA2B,SAAIA,MAAA,oBAAcA,QAAIA,MAAA,iGAAyFA,QAC1IA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAGJA,MAAA,eAAAA,CAA2B,SAAIA,MAAA,qBAAeA,QAAIA,MAAA,2DAAmDA,QACrGA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAGJA,MAAA,eAAAA,CAA2B,SAAIA,MAAA,qBAAeA,QAAIA,MAAA,uLAA+KA,QACjOA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAGJA,MAAA,eAAAA,CAA2B,SAAIA,MAAA,qBAAeA,QAAIA,MAAA,uOAA+NA,QACjRA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,QACAA,MAAA,cACIA,MAAA,cACJA,kBAWpBA,MAAA,aAAAA,CAA0C,aAA1CA,CAA0C,YAA1CA,CAA0C,aAA1CA,CAA0C,UAKtBA,MAAA,4BACJA,UAaJA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,qBAAYA,gBAMhCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,mBACzBA,gBAMhBA,MAAA,aAAAA,CAA6B,WAA7BA,CAA6B,YAA7BA,CAA6B,cAGMA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,iCACzBA,gBAKhBA,MAAA,aAAAA,CAAkC,YAAlCA,CAAkC,cAGHA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAsB,WAAtBA,CAAsB,eAIVA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,0BAAiBA,YAG7BA,MAAA,aAAAA,CAAsB,YACgDA,MAAA,cACtCA,oBAUpDA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAE2DA,MAAA,0BAASkD,EAAA0B,OAAO,WAAW,GAAG5E,MAAA,cACzDA,MAAA,mCAC1CA,YAIRA,MAAA,aAAAA,CAAgD,WAAhDA,CAAgD,iBAEpCA,MAAA,0BAASkD,EAAA0B,OAAO,kBAAkB,GAAE5E,MAAA,4BAE9BA,MAAA,cAAyCA,yBA1EUA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAeDvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,GAAA,KAAArC,EAAAK,SAqB7DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,KAOAxF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,80ZD9SNoB,CAAmB,kLEAzB,IAAMC,GAAwB,MAA/B,MAAOA,EALbpF,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGa0B,EAAwB,oCAAxBA,EAAwBnE,UAAA,4BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOxBxB,EAAoB,86ECdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,kDAAUA,UAElBA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAiBhHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAG9F/E,MAAA,cAA2BA,MAAA,m1CAAgRA,QAC3SA,MAAA,cAA2BA,MAAA,s6CAA4RA,UAG3TA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,oHACJA,QAEAA,MAAA,QAAAA,CAAI,WAAJA,CAAI,QAEQA,MAAA,mFAAgBA,QAAIA,MAAA,o7BAC5BA,QACAA,MAAA,WAAAA,CAAiB,QACVA,MAAA,8GAAuBA,QAAIA,MAAA,krBAClCA,QAEAA,MAAA,WAAAA,CAAiB,QACTA,MAAA,8FAAgBA,QAAIA,MAAA,2jBAC5BA,QAEAA,MAAA,WAAAA,CAAiB,QACTA,MAAA,mFAAeA,QAAIA,MAAA,y0BAG3BA,YAKRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,oHACJA,QACAA,MAAA,eAAcA,MAAA,iaAAgFA,QAE9FA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,gCAAYA,QAAKA,MAAA,gLAE/CA,QACAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,gCAAYA,QAAIA,MAAA,0kBAAmHA,QACjKA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAIJA,MAAA,eAA2BA,MAAA,muBAA0JA,QACrLA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eAA2BA,MAAA,muBAA2JA,QACtLA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,iCAAaA,QAAKA,MAAA,gWAAqEA,QACtHA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,iCAAaA,QAAKA,MAAA,yqBAA0IA,QAC3LA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,iCAAaA,QAAKA,MAAA,+UAAmEA,QACpHA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,iCAAaA,QAAKA,MAAA,oqBAAqIA,QACtLA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,iCAAaA,QAAIA,MAAA,8XAA4EA,QAC5HA,MAAA,WAAAA,CAAiB,aAETA,MAAA,cACJA,UAGJA,MAAA,eAAAA,CAA2B,SAAIA,MAAA,kCAAaA,QAAIA,MAAA,6dAA8FA,QAC9IA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAGJA,MAAA,eAAAA,CAA2B,SAAIA,MAAA,kCAAaA,QAAIA,MAAA,4dAA6FA,QAC7IA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAGJA,MAAA,eAAAA,CAA2B,SAAIA,MAAA,mCAAcA,QAAIA,MAAA,oTAA4DA,QAC7GA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAGJA,MAAA,eAAAA,CAA2B,SAAIA,MAAA,mCAAcA,QAAIA,MAAA,i4BAEjDA,QACAA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAGJA,MAAA,eAAAA,CAA2B,SAAIA,MAAA,mCAAcA,QAAIA,MAAA,orCAAiPA,QAClSA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,QACAA,MAAA,cACIA,MAAA,cACJA,kBAWpBA,MAAA,aAAAA,CAA0C,aAA1CA,CAA0C,YAA1CA,CAA0C,aAA1CA,CAA0C,UAKtBA,MAAA,2DACJA,UAaJA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,qDAASA,gBAM7BA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,2BACzBA,gBAMhBA,MAAA,aAAAA,CAA6B,WAA7BA,CAA6B,YAA7BA,CAA6B,cAGMA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,oHACzBA,gBAKhBA,MAAA,aAAAA,CAA4B,YAA5BA,CAA4B,cAGGA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAsB,WAAtBA,CAAsB,eAIVA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,8EAAcA,YAG1BA,MAAA,aAAAA,CAAsB,YAC4CA,MAAA,cAClCA,oBAUpDA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAE8CA,MAAA,0BAASkD,EAAA0B,OAAO,OAAO,GAAG5E,MAAA,cACxCA,MAAA,0CAC1CA,YAGRA,MAAA,aAAAA,CAAgD,WAAhDA,CAAgD,iBAEpCA,MAAA,0BAASkD,EAAA0B,OAAO,kBAAkB,GAAE5E,MAAA,oEAC9BA,MAAA,cAAyCA,yBAxEUA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAuF,GAAA,KAAArC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,GAAA,KAAArC,EAAAK,SAeDvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAwF,GAAA,KAAAtC,EAAAK,SAqB7DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,KAMAzF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAA+G,o1ZD5QND,CAAwB,2BEPrC9G,MAAA,2CACAA,MAAA,2BCMO,IAAMgH,GAAkB,MAAzB,MAAOA,EALbtF,cAMAG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfamB,EAAkB,oCAAlBA,EAAkBrE,UAAA,oBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDP/BjD,MAAA,EAAAiH,GAAA,yBACAjH,MAAA,EAAAkH,GAAA,sCADkBlH,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMXmB,CAAkB,oHCAxB,IAAMG,GAAe,MAAtB,MAAOA,EALbzF,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGa+B,EAAe,oCAAfA,EAAexE,UAAA,kBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOfxB,EAAoB,wyDCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,cAAQA,UAEhBA,MAAA,UAAAA,CAA4B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAgBjHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAG9F/E,MAAA,cAA2BA,MAAA,kpBAuB3BA,UAGJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,2DAAoDA,QAExDA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,qBAAcA,QAAIA,MAAA,+RAYkBA,QAElEA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,cAAOA,QAAIA,MAAA,6PAURA,QAEjCA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,eAAQA,QAAIA,MAAA,0PAWfA,QAE3BA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,uBAAgBA,QAAIA,MAAA,iTAalDA,QAEAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,uBAAgBA,QAAIA,MAAA,mPAU3BA,QAEvBA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,6BAAsBA,QAAIA,MAAA,sLAMMA,QAE9DA,MAAA,eAA4BA,MAAA,kZAgB5BA,UAGJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,yCACJA,QACAA,MAAA,YAAiBA,MAAA,iCAA0BA,QAC3CA,MAAA,eAA2BA,MAAA,yOAS3BA,QAEAA,MAAA,YAAiBA,MAAA,wBAAiBA,QAClCA,MAAA,eAA2BA,MAAA,mhBAmBUA,QAErCA,MAAA,YAAiBA,MAAA,sBAAeA,QAChCA,MAAA,eAEIA,MAAA,oMAKgBA,QAEpBA,MAAA,YAAiBA,MAAA,6BAAsBA,QACvCA,MAAA,eAA2BA,MAAA,iOAM3BA,QAEAA,MAAA,YAAiBA,MAAA,qCAA8BA,QAC/CA,MAAA,eAA2BA,MAAA,iLAMFA,QAEzBA,MAAA,YAAiBA,MAAA,oCAA6BA,QAC9CA,MAAA,eAA2BA,MAAA,2MAKoCA,QAE/DA,MAAA,YAAiBA,MAAA,sCAA+BA,QAChDA,MAAA,eAA2BA,MAAA,uNAMmCA,QAE9DA,MAAA,YAAiBA,MAAA,4CAAqCA,QACtDA,MAAA,eAA2BA,MAAA,mPAS3BA,QAEAA,MAAA,YAAiBA,MAAA,+BAAwBA,QACzCA,MAAA,eAA2BA,MAAA,6LAMOA,UAGtCA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,2BAAoBA,QACxBA,MAAA,eACIA,MAAA,+DAEJA,QAEAA,MAAA,YAAiBA,MAAA,kCAA2BA,QAC5CA,MAAA,eACIA,MAAA,4NAGJA,QACAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAIJA,MAAA,YAAiBA,MAAA,mCAA4BA,QAC7CA,MAAA,eACIA,MAAA,sRAKqCA,QACzCA,MAAA,WAAAA,CAAiB,cAETA,MAAA,cACJA,QACAA,MAAA,cACIA,MAAA,cACJA,QACAA,MAAA,cACIA,MAAA,cACJA,QACAA,MAAA,cACIA,MAAA,cACJA,QACAA,MAAA,cACIA,MAAA,cACJA,UAIJA,MAAA,aAAiBA,MAAA,6BAAqBA,QACtCA,MAAA,gBAAcA,MAAA,6PAIqBA,QACnCA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAIJA,MAAA,aAAiBA,MAAA,qCAA6BA,QAC9CA,MAAA,gBAEIA,MAAA,2LAGJA,QACAA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAGJA,MAAA,aAAiBA,MAAA,wCAAgCA,QACjDA,MAAA,gBAEIA,MAAA,6KAGJA,QACAA,MAAA,gBAEIA,MAAA,0MAGJA,gBAMhBA,MAAA,aAAAA,CAA2C,aAA3CA,CAA2C,YAA3CA,CAA2C,aAA3CA,CAA2C,UAKvBA,MAAA,4BACJA,UAaJA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,iCAAwBA,gBAM5CA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,6BACXA,gBAM/BA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,6BAAoBA,gBAMxCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,4BACZA,sBAazCA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEsDA,MAAA,0BAASkD,EAAA0B,OAAO,iBAAiB,GACjG5E,MAAA,cAAuCA,MAAA,+BAC3CA,YAGJA,MAAA,aAAAA,CAAyB,WAAzBA,CAAyB,iBAC4CA,MAAA,0BAASkD,EAAA0B,OAAO,aAAa,GAAG5E,MAAA,uBAEvFA,MAAA,cAAyCA,yBAxEcA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAmB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,00ZDpbN2B,CAAe,oHEArB,IAAMC,GAAoB,MAA3B,MAAOA,EALb1F,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGagC,EAAoB,oCAApBA,EAAoBzE,UAAA,wBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOpBxB,EAAoB,wyDCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKAA,MAAA,kDAASA,UAElBA,MAAA,UAAAA,CAA4B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAejHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAGlC/E,MAAA,cAA4BA,MAAA,w0GAU5BA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,SAAKA,MAAA,uQAAmDA,QAExDA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,kFAAeA,QAAIA,MAAA,y6CAIWA,QAE7DA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,gCAAKA,QAAIA,MAAA,izCAIfA,QAEzBA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,iCAAMA,QAAIA,MAAA,yqCAIzCA,QAEAA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,sHAAqBA,QAAIA,MAAA,2iDAOxDA,QAEAA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,oGAAkBA,QAAIA,MAAA,ivCAMrDA,QAEAA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,sFAAmBA,QAAIA,MAAA,o5BAKtDA,QAEAA,MAAA,eAA6BA,MAAA,08DAO7BA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,SACIA,MAAA,6JACJA,QACAA,MAAA,YAAkBA,MAAA,6HAAuBA,QACzCA,MAAA,eAA4BA,MAAA,wlCAI5BA,QAEAA,MAAA,YAAkBA,MAAA,kFAAeA,QACjCA,MAAA,eAA4BA,MAAA,03FAU5BA,QAEAA,MAAA,YAAkBA,MAAA,2EAAaA,QAC/BA,MAAA,eAEIA,MAAA,w+BAIJA,QAEAA,MAAA,YAAkBA,MAAA,oGAAkBA,QACpCA,MAAA,eAA4BA,MAAA,4nCAI5BA,QAEAA,MAAA,YAAkBA,MAAA,0IAA0BA,QAC5CA,MAAA,eAA4BA,MAAA,43BAEqCA,QAEjEA,MAAA,YAAkBA,MAAA,qJAA2BA,QAC7CA,MAAA,eAA4BA,MAAA,sjCAGWA,QAEvCA,MAAA,YAAkBA,MAAA,kIAAuBA,QACzCA,MAAA,eAA4BA,MAAA,ulCAGaA,QAEzCA,MAAA,YAAkBA,MAAA,mNAAuCA,QACzDA,MAAA,eAA4BA,MAAA,urCAI5BA,QAEAA,MAAA,YAAkBA,MAAA,4EAAcA,QAChCA,MAAA,eAA4BA,MAAA,05BAG5BA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,SAAKA,MAAA,+FAAkBA,QACvBA,MAAA,eACIA,MAAA,oRAEJA,QAEAA,MAAA,YAAkBA,MAAA,+IAA+BA,QACjDA,MAAA,eAEIA,MAAA,isCAIJA,QACAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAIJA,MAAA,YAAkBA,MAAA,4IAA4BA,QAC9CA,MAAA,eACIA,MAAA,qqBAC6DA,QACjEA,MAAA,WAAAA,CAAiB,cAETA,MAAA,cACJA,QACAA,MAAA,cACIA,MAAA,cACJA,QACAA,MAAA,cACIA,MAAA,cACJA,QACAA,MAAA,cACIA,MAAA,cACJA,QACAA,MAAA,cACIA,MAAA,cACJA,UAIJA,MAAA,aAAkBA,MAAA,gIAAyBA,QAC3CA,MAAA,gBAAeA,MAAA,86CAIDA,QACdA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAIJA,MAAA,aAAkBA,MAAA,6KAAmCA,QACrDA,MAAA,gBAEIA,MAAA,8nDAKJA,QACAA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAGJA,MAAA,aAAkBA,MAAA,8KAAoCA,QACtDA,MAAA,gBAEIA,MAAA,6vBAGJA,QACAA,MAAA,gBAEIA,MAAA,o7BAGJA,gBAMZA,MAAA,aAAAA,CAA2C,aAA3CA,CAA2C,YAA3CA,CAA2C,aAA3CA,CAA2C,UAK3BA,MAAA,2DACJA,UAaJA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,iGAAkBA,gBAKtCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,wHAAsBA,gBAK3CA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,0JAA8BA,gBAKlDA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,gGAAkBA,sBAY/CA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGsDA,MAAA,0BAASkD,EAAA0B,OAAO,iBAAiB,GAAI5E,MAAA,cAC/DA,MAAA,mHAC1CA,YAEJA,MAAA,aAAAA,CAAyB,WAAzBA,CAAyB,iBAE6CA,MAAA,0BAASkD,EAAA0B,OAAO,aAAa,GAAG5E,MAAA,4CACxFA,MAAA,cAAyCA,yBAvEnCA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAkBbvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,g1ZD9VF4B,CAAoB,2BEPjCpH,MAAA,uCACAA,MAAA,uBCMO,IAAMqH,GAAc,MAArB,MAAOA,EALb3F,cAMAG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfawB,EAAc,oCAAdA,EAAc1E,UAAA,gBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDP3BjD,MAAA,EAAAsH,GAAA,qBACAtH,MAAA,EAAAuH,GAAA,kCADcvH,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMPwB,CAAc,kHCApB,IAAMG,GAAgB,MAAvB,MAAOA,EALb9F,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGaoC,EAAgB,oCAAhBA,EAAgB7E,UAAA,kBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOhBxB,EAAoB,miDCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,OAAjBA,CAAiB,QAMYA,MAAA,2BAAoBA,YAKjCA,MAAA,UAAAA,CAA2B,UAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAehHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAGlC/E,MAAA,cAA4BA,MAAA,uNAOqCA,UAErEA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAIA,MAAA,4BAAqBA,QACzBA,MAAA,QAAAA,CAAI,WAAJA,CAAI,QACoBA,MAAA,uBAAgBA,QAAIA,MAAA,uJAMhBA,QAExBA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,yBAAkBA,QAAIA,MAAA,qJAMrBA,QAGrBA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,wBAAiBA,QAAIA,MAAA,4HAIzCA,QAGAA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,yBAAkBA,QAAIA,MAAA,yIAGvBA,YAK3BA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAIA,MAAA,mCAA4BA,QAChCA,MAAA,eAA2BA,MAAA,kKAKXA,QAEhBA,MAAA,QAAAA,CAAI,YAEIA,MAAA,uMAOJA,QACAA,MAAA,YACIA,MAAA,mJAIJA,QACAA,MAAA,YACIA,MAAA,+LAMJA,QAEAA,MAAA,YACIA,MAAA,iLAOJA,QAEAA,MAAA,YACIA,MAAA,sJAIJA,YAORA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAIA,MAAA,6CAAsCA,QAE1CA,MAAA,YACIA,MAAA,6CACJA,QAEAA,MAAA,eAA4BA,MAAA,sEAG5BA,QAAQA,MAAA,QAAAA,CAAI,aAIZA,MAAA,YACIA,MAAA,yBACJA,QAEAA,MAAA,eAA4BA,MAAA,yEAI5BA,QAAQA,MAAA,QAAAA,CAAI,aAGZA,MAAA,YACIA,MAAA,0BACJA,QAEAA,MAAA,eAA4BA,MAAA,iMAMaA,QAAQA,MAAA,QAAAA,CAAI,aAKrDA,MAAA,YACIA,MAAA,yBACJA,QAEAA,MAAA,eAA4BA,MAAA,0HAI0BA,QAAQA,MAAA,QAAAA,CAAI,aAIlEA,MAAA,YACIA,MAAA,mCACJA,QAEAA,MAAA,eAA2BA,MAAA,gIAGwCA,QAAQA,MAAA,QAAAA,CAAI,aAGnFA,cAIZA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAKtBA,MAAA,2BACJA,UAeJA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,gCAAwBA,gBAM5CA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACpDnF,MAAA,6BAEQA,gBAK5BA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,qCAA4BA,gBAMhDA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACpDnF,MAAA,0BACSA,sBAYzCA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEoDA,MAAA,0BAASkD,EAAA0B,OAAO,aAAa,GAAI5E,MAAA,cACzDA,MAAA,2BAC1CA,YAGJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAC6CA,MAAA,0BAASkD,EAAA0B,OAAO,YAAY,GAAG5E,MAAA,sBAExFA,MAAA,cAAyCA,yBA1E/BA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAkBjBvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,00ZDtSNgC,CAAgB,kHEAtB,IAAMC,GAAqB,MAA5B,MAAOA,EALb/F,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGaqC,EAAqB,oCAArBA,EAAqB9E,UAAA,wBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOrBxB,EAAoB,miDCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,OAAjBA,CAAiB,QAOYA,MAAA,6EAAeA,YAI5BA,MAAA,UAAAA,CAA2B,UAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAehHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAGlC/E,MAAA,cAA4BA,MAAA,qjCAGKA,UAErCA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,kFAAeA,QAEpBA,MAAA,QAAAA,CAAK,WAALA,CAAK,QACmBA,MAAA,4EAAcA,QAAIA,MAAA,qyBAEwBA,QAE9DA,MAAA,WAAAA,CAAiB,QAAIA,MAAA,mFAAeA,QAAIA,MAAA,6wBAEoBA,QAG5DA,MAAA,WAAAA,CAAiB,QAAIA,MAAA,kFAAcA,QAAIA,MAAA,iqBAGvCA,QAGAA,MAAA,WAAAA,CAAiB,QAAIA,MAAA,yFAAgBA,QAAIA,MAAA,4sBAEMA,YAIvDA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAMA,MAAA,sMAAwCA,QAE9CA,MAAA,eAA4BA,MAAA,y2BAEoCA,QAGhEA,MAAA,QAAAA,CAAK,YAEGA,MAAA,q/BAGJA,QACAA,MAAA,YACIA,MAAA,yuBAGJA,QACAA,MAAA,YACIA,MAAA,68BAGJA,QAEAA,MAAA,YACIA,MAAA,09BAGJA,QAEAA,MAAA,YACIA,MAAA,80BAGJA,YAMRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,2KAAkCA,QAGvCA,MAAA,YACIA,MAAA,+JACJA,QACAA,MAAA,SACAA,MAAA,eAA6BA,MAAA,gXAE7BA,QACAA,MAAA,aAGAA,MAAA,YACIA,MAAA,4EACJA,QACAA,MAAA,SACAA,MAAA,eAA6BA,MAAA,2PAE7BA,QACAA,MAAA,aAEAA,MAAA,YACIA,MAAA,mFACJA,QACAA,MAAA,SACAA,MAAA,eAA6BA,MAAA,2yBAE4BA,QACzDA,MAAA,aAIAA,MAAA,YACIA,MAAA,sEACJA,QACAA,MAAA,SACAA,MAAA,eAA6BA,MAAA,2hBAE7BA,QACAA,MAAA,aAGAA,MAAA,YACIA,MAAA,sLACJA,QACAA,MAAA,SACAA,MAAA,eAA4BA,MAAA,wtBAEIA,QAChCA,MAAA,aACJA,cAIZA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAMtBA,MAAA,yDACJA,UAcJA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,mFAAeA,gBAKnCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,mFAAeA,gBAKpCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,uMAAwCA,gBAK5DA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,sEAAYA,sBAW7CA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGmDA,MAAA,0BAASkD,EAAA0B,OAAO,aAAa,GAAI5E,MAAA,cACxDA,MAAA,0FAE1CA,YAEJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAE0CA,MAAA,0BAASkD,EAAA0B,OAAO,YAAY,GAAG5E,MAAA,4FAErFA,MAAA,cAAyCA,yBAzE/BA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAiBjBvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAOAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,g1ZD/PNiC,CAAqB,2BEPlCzH,MAAA,uCACAA,MAAA,uBCMO,IAAM0H,GAAoB,MAA3B,MAAOA,EALbhG,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfW6B,EAAoB,oCAApBA,EAAoB/E,UAAA,uBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPjCjD,MAAA,EAAA2H,GAAA,qBACA3H,MAAA,EAAA4H,GAAA,kCADc5H,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMP6B,CAAoB,gHCA1B,IAAMG,GAAkB,MAAzB,MAAOA,EALbnG,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGayC,EAAkB,oCAAlBA,EAAkBlF,UAAA,qBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOlBxB,EAAoB,yqECdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,WAIiCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACrDkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,QAAKA,MAAA,kBAAYA,UAErBA,MAAA,UAAAA,CAA4B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAG7GA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAEIA,MAAA,gBAIJA,UAIRA,MAAA,aAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC9CkD,EAAA6B,aAAY,EAAM,IAAI,GAE9B/E,MAAA,eAA4BA,MAAA,0eAcPA,QACrBA,MAAA,eAA4BA,MAAA,2WAWwBA,UAGxDA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACnDkD,EAAA6B,aAAY,EAAM,IAAI,GAAY/E,MAAA,SAAKA,MAAA,iBAClDA,QAEDA,MAAA,aACIA,MAAA,aAEHA,UAGDA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,wCAAiCA,QAEtCA,MAAA,QAAAA,CAAK,WAALA,CAAK,QACmBA,MAAA,oCAA6BA,QAAKA,MAAA,uKAMLA,QAEjDA,MAAA,WAAAA,CAAiB,QAEVA,MAAA,2BAAoBA,QAAKA,MAAA,gKAMhCA,QAEAA,MAAA,WAAAA,CAAiB,QAEVA,MAAA,yBAAkBA,QAAKA,MAAA,4GAI9BA,QAEAA,MAAA,WAAAA,CAAiB,QAEVA,MAAA,gCAAyBA,QAAKA,MAAA,+HAIrCA,QAEAA,MAAA,WAAAA,CAAiB,QAEVA,MAAA,0BAAmBA,QAAKA,MAAA,yJAK/BA,QAEAA,MAAA,WAAAA,CAAiB,QACVA,MAAA,iCAA0BA,QAAKA,MAAA,iIAKtCA,YAQRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SACIA,MAAA,2EACJA,QAEAA,MAAA,QAAAA,CAAI,WAAJA,CAAI,QACqBA,MAAA,+BAAwBA,QAAIA,MAAA,0FAIKA,QAEtDA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,+BAAwBA,QAAIA,MAAA,6LAIiBA,QAGlEA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,YACIA,MAAA,oJAGJA,QAEAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,YACIA,MAAA,iJAEJA,QAEAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAIJA,MAAA,YACIA,MAAA,2MAKJA,QAEAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,QAEAA,MAAA,aACIA,MAAA,aACJA,UAGJA,MAAA,SACIA,MAAA,+FAGJA,YAIRA,MAAA,YAAAA,CAAuB,YACFA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACpCkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,4FAGJA,QAEAA,MAAA,cAAAA,CAAqB,QAAIA,MAAA,+BAAkBA,QAAIA,MAAA,qYAW/CA,QACAA,MAAA,cAAAA,CAAqB,QAAIA,MAAA,yBAAiBA,QAAIA,MAAA,4ZAa9CA,QAEAA,MAAA,cAAAA,CAAqB,QAAIA,MAAA,0BAAiBA,QAAIA,MAAA,2VAW9CA,QAEAA,MAAA,eAAAA,CAAqB,SAAIA,MAAA,+BAAsBA,QAAIA,MAAA,ySAYnDA,gBAMhBA,MAAA,aAAAA,CAA+B,aAA/BA,CAA+B,YAA/BA,CAA+B,aAA/BA,CAA+B,UAKXA,MAAA,4BACJA,UAIJA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,oCAA4BA,gBAMjDA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,QACJA,MAAA,aAAAA,CAA6B,eAGYA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,iBAAQA,gBAK5BA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,iCAAwBA,gBAM5CA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,6BACWA,gBAMhCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,6BACWA,sBAS5CA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEgDA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GAAI5E,MAAA,cAClDA,MAAA,wBAC1CA,YAGJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAC2CA,MAAA,0BAASkD,EAAA0B,OAAO,aAAa,GAAG5E,MAAA,uBAEvFA,MAAA,cAAyCA,yBAtF/BA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAejBvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,08ZD5WNqC,CAAkB,gHEAxB,IAAMC,GAAuB,MAA9B,MAAOA,EALbpG,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGa0C,EAAuB,oCAAvBA,EAAuBnF,UAAA,2BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOvBxB,EAAoB,snECdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,WAIiCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACrDkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,QAAKA,MAAA,sCAAOA,UAEhBA,MAAA,UAAAA,CAA4B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAG7GA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAEIA,MAAA,gBAIJA,UAGRA,MAAA,YAAAA,CAAuB,eAESA,MAAA,68EAcFA,QAC1BA,MAAA,eAA4BA,MAAA,+rDAWMA,UAGtCA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACnDkD,EAAA6B,aAAY,EAAM,IAAI,GAAY/E,MAAA,SAAKA,MAAA,2EACnDA,QAEAA,MAAA,aACIA,MAAA,aAEHA,UAGDA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAGlC/E,MAAA,SAAKA,MAAA,kJAA6BA,QAElCA,MAAA,QAAAA,CAAK,WAALA,CAAK,QACmBA,MAAA,qGAAmBA,QAAKA,MAAA,wwBAEeA,QAE3DA,MAAA,WAAAA,CAAiB,QAEVA,MAAA,6FAAgBA,QAAKA,MAAA,qxBAG5BA,QAEAA,MAAA,WAAAA,CAAiB,QAEVA,MAAA,+GAAmBA,QAAKA,MAAA,soBAG/BA,QAEAA,MAAA,WAAAA,CAAiB,QAEVA,MAAA,sHAAqBA,QAAKA,MAAA,qmBAGjCA,QAEAA,MAAA,WAAAA,CAAiB,QAEVA,MAAA,wFAAgBA,QAAKA,MAAA,ivBAK5BA,QAEAA,MAAA,WAAAA,CAAiB,QACVA,MAAA,2GAAoBA,QAAIA,MAAA,+pBAG/BA,YAMRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,SACIA,MAAA,0UACJA,QACAA,MAAA,QAAAA,CAAI,WAAJA,CAAI,QAEqBA,MAAA,4IAA4BA,QAAIA,MAAA,qdAE3BA,QAE1BA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,0IAA0BA,QAAIA,MAAA,2nBAGvCA,QAEZA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAIJA,MAAA,YAGIA,MAAA,4WAEJA,QACAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAIJA,MAAA,YACIA,MAAA,8qBAEJA,QACAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAKJA,MAAA,YACIA,MAAA,u3BAGJA,QACAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,QAEAA,MAAA,aACIA,MAAA,aACJA,UAIJA,MAAA,SACIA,MAAA,oaAEJA,YAGRA,MAAA,YAAAA,CAAuB,YAEFA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACpCkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,4WACJA,QAMAA,MAAA,cAAAA,CAAqB,QAAGA,MAAA,uCAAiBA,QAAIA,MAAA,owDAO7CA,QACAA,MAAA,cAAAA,CAAqB,QAAIA,MAAA,qCAAcA,QAAIA,MAAA,yxDAO3CA,QAEAA,MAAA,cAAAA,CAAqB,QAAIA,MAAA,wCAAgBA,QAAIA,MAAA,srDAO7CA,QAEAA,MAAA,eAAAA,CAAqB,SAAIA,MAAA,6CAAqBA,QAAIA,MAAA,yiDASlDA,gBAKhBA,MAAA,aAAAA,CAA+B,aAA/BA,CAA+B,YAA/BA,CAA+B,aAA/BA,CAA+B,UAMXA,MAAA,4DACJA,UAGJA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,oFAAgBA,gBAKrCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,QACJA,MAAA,aAAAA,CAA6B,eAGYA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,2EAAWA,gBAK/BA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,yEAAcA,gBAKlCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,oFAAeA,gBAKnCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,0FAAiBA,sBAQlDA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGgDA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GAAI5E,MAAA,cAClDA,MAAA,4DAE1CA,YAEJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAE2CA,MAAA,0BAASkD,EAAA0B,OAAO,aAAa,GAAG5E,MAAA,sFAEvFA,MAAA,cAAyCA,yBAtF/BA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAcjBvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAOAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,g9ZD5UNsC,CAAuB,2BEPpC9H,MAAA,0CACAA,MAAA,0BCMO,IAAM+H,GAAgB,MAAvB,MAAOA,EALbrG,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfWkC,EAAgB,oCAAhBA,EAAgBpF,UAAA,kBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDP7BjD,MAAA,EAAAgI,GAAA,wBACAhI,MAAA,EAAAiI,GAAA,qCADiBjI,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMVkC,CAAgB,0ICCtB,IAAMG,GAAa,MAApB,MAAOA,EALbxG,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAKpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA3DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAEAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDApGa8C,EAAa,oCAAbA,EAAavF,UAAA,gBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAObxB,EAAoB,k5DCfjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,0BAAoBA,UAE5BA,MAAA,UAAAA,CAA2B,SACMA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YACvBA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GADR5E,cAIzFA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAEIA,MAAA,gBAIJA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,6BAAsBA,QAG1BA,MAAA,eAA+BA,MAAA,ydAUKA,QACpCA,MAAA,eAA+BA,MAAA,2VAMmCA,QAClEA,MAAA,eAA+BA,MAAA,uRAK/BA,QACAA,MAAA,eAA+BA,MAAA,8JAKPA,UAG5BA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,2CAAoCA,QACxCA,MAAA,WAAAA,CAAiB,YAETA,MAAA,sMAIJA,QACAA,MAAA,YACIA,MAAA,yKAKJA,QACAA,MAAA,YACIA,MAAA,oJAGJA,QACAA,MAAA,YACIA,MAAA,iNAKJA,QACAA,MAAA,YACIA,MAAA,yKAKJA,QACAA,MAAA,YACIA,MAAA,uNAGJA,QACAA,MAAA,YACIA,MAAA,iJAGJA,YAKRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAIA,MAAA,2DAAoDA,QACxDA,MAAA,eAA2BA,MAAA,uMAM3BA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,2BAAoBA,QAAIA,MAAA,+PAMtDA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,sDAEfA,QAAIA,MAAA,wPAMMA,QACzBA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,0BAAmBA,QAAIA,MAAA,iSAOvBA,QAC9BA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,kCAC1BA,QAAIA,MAAA,wQAMKA,QACbA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,gCACXA,QAAIA,MAAA,yOAKgCA,QACvDA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,qCACbA,QAAIA,MAAA,+MAKWA,QAChCA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,+CACTA,QAAIA,MAAA,gQAKXA,QACdA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,2BAAoBA,QAAIA,MAAA,mPAOAA,QACtDA,MAAA,eAA2BA,MAAA,yOAMEA,gBAM7CA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAKtBA,MAAA,2BACJA,UAEJA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACvBA,QACAA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,6BAAqBA,gBAMzCA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,cAGOA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEnBnF,MAAA,8BACKA,gBAMzBA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,sBAE1BA,gBAMhBA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,mCAA0BA,gBAM9CA,MAAA,aAAAA,CAA4B,YAA5BA,CAA4B,cAGGA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAsB,WAAtBA,CAAsB,eAGVA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,cAAKA,YAGjBA,MAAA,aAAAA,CAAsB,YACgCA,MAAA,cAC7BA,oBAS7CA,MAAA,cACIA,MAAA,UACAA,MAAA,cACIA,MAAA,cAOAA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAEdA,MAAA,0BAASkD,EAAA0B,OAAO,WAAW,GAAE5E,MAAA,yBACvBA,MAAA,cAAyCA,yBAzFWA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAcDvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAuF,EAAA,KAAArC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAeDvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAwF,GAAA,KAAAtC,EAAAK,SA2B7DvD,MAAA,IAAAA,MAAA,aAAAA,MAAA,GAAAyF,w0ZD7RNyC,CAAa,8LEDnB,IAAMC,GAAkB,MAAzB,MAAOA,EALbzG,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGa+C,EAAkB,oCAAlBA,EAAkBxF,UAAA,sBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOlBxB,EAAoB,s7DCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,6EAAgBA,UAExBA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAGhHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAEIA,MAAA,gBAIJA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAG9F/E,MAAA,eAA+BA,MAAA,61EAM0BA,QAEzDA,MAAA,eAA+BA,MAAA,wqDAI6CA,QAC5EA,MAAA,eAA+BA,MAAA,8yCAIZA,QACnBA,MAAA,eAA+BA,MAAA,u3BAEsCA,UAEzEA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAG9F/E,MAAA,WAAAA,CAAiB,YAETA,MAAA,y8BAGJA,QACAA,MAAA,YACIA,MAAA,q9BAGJA,QACAA,MAAA,YACIA,MAAA,6yBAGJA,QACAA,MAAA,YACIA,MAAA,y/BAGJA,QACAA,MAAA,YACIA,MAAA,40BAGJA,QACAA,MAAA,YACIA,MAAA,2hCAGJA,QACAA,MAAA,YACIA,MAAA,uyBAGJA,YAGRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,eAA2BA,MAAA,w/BAGTA,QAElBA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,8FAAiBA,QAAIA,MAAA,2sCAIhCA,QACnBA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,0MACTA,QAAIA,MAAA,i9BAEmDA,QAC5EA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,mFAAgBA,QAAIA,MAAA,ipCAG4BA,QAC9EA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,sJAC1BA,QAAIA,MAAA,w6CAGqEA,QACzEA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,qGAAmBA,QAAIA,MAAA,ijCAGYA,QAE7DA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,kKACdA,QAAIA,MAAA,0iCAKLA,QACXA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,gMACfA,QAAIA,MAAA,6oCAMLA,QACVA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,iFAAcA,QAAIA,MAAA,0yBAIxBA,QACrBA,MAAA,eAA2BA,MAAA,ooCAO3BA,gBAMpCA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAMlBA,MAAA,0DACJA,UAERA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACvBA,QACAA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,6EAAcA,gBAMlCA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACvBA,QACAA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEnBnF,MAAA,8EAAgBA,gBAMpCA,MAAA,YAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAKnF,MAAA,qGAC5BA,gBAMhBA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,mKAAkCA,gBAMtDA,MAAA,aAAAA,CAA4B,YAA5BA,CAA4B,cAGGA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAsB,WAAtBA,CAAsB,eAIVA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,mCAAOA,YAInBA,MAAA,aAAAA,CAAsB,YACsCA,MAAA,cAC5BA,oBASpDA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGmEA,MAAA,0BAASkD,EAAA0B,OAAO,0BAA0B,GACvH5E,MAAA,cAAuCA,MAAA,+MAE3CA,YAEJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAE6CA,MAAA,0BAASkD,EAAA0B,OAAO,cAAc,GAC5F5E,MAAA,0EACKA,MAAA,cAAyCA,yBA1FeA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAcDvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAuF,EAAA,KAAArC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAgBDvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAwF,GAAA,KAAAtC,EAAAK,SAsB7DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,KAOAzF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAA+G,80ZDrPNoB,CAAkB,2BEP/BnI,MAAA,qCACAA,MAAA,qBCMO,IAAMoI,GAAiB,MAAxB,MAAOA,EALb1G,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfWuC,EAAiB,oCAAjBA,EAAiBzF,UAAA,oBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDP9BjD,MAAA,EAAAqI,GAAA,mBACArI,MAAA,EAAAsI,GAAA,gCADYtI,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMLuC,CAAiB,kJCAvB,IAAMG,GAAmB,MAA1B,MAAOA,EALb7G,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGamD,EAAmB,oCAAnBA,EAAmB5F,UAAA,sBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOnBxB,EAAoB,q3DCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKQA,MAAA,iBAAWA,UAEpBA,MAAA,UAAAA,CAA4B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAEjHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC1CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,YAGIA,MAAA,gBAIJA,UAKJA,MAAA,aAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC1CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,eAA4BA,MAAA,w7DA2BmCA,UAInEA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,qBAAcA,QACnBA,MAAA,eAA4BA,MAAA,6sCAiBYA,UAE5CA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,oBAAaA,QAClBA,MAAA,eACIA,MAAA,ulCAeJA,UAGJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,6BAAsBA,QAC3BA,MAAA,eAAwBA,MAAA,8EAEPA,QACjBA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,qCAA8BA,QACzDA,MAAA,2LAGeA,QACnBA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,iCAA0BA,QAAKA,MAAA,wPAK9DA,QACAA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,sCAC3BA,QAAKA,MAAA,SAELA,MAAA,8MAEuDA,QAC3DA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,+BAAwBA,QAAKA,MAAA,SAExDA,MAAA,sLAE6BA,QACjCA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,6BAAsBA,QAAKA,MAAA,SAEtDA,MAAA,iMAEuCA,QAC3CA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,sCAC3BA,QAAKA,MAAA,SAELA,MAAA,wKAEqBA,QACzBA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,oBAAaA,QAAKA,MAAA,SAE7CA,MAAA,qMAEwCA,QAC5CA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,kBAAWA,QAAKA,MAAA,SAE3CA,MAAA,4IACkEA,gBAKtFA,MAAA,YAAAA,CAAyC,YAAzCA,CAAyC,WAAzCA,CAAyC,YAAzCA,CAAyC,SAKrBA,MAAA,2BACJA,UAGJA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACPA,MAAA,YAAMA,QACtBA,MAAA,YAAAA,CAAuB,cAEmBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACpDnF,MAAA,wCACmBA,gBAMxCA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEmBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAErDnF,MAAA,6CAAqCA,gBAMzDA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEmBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAErDnF,MAAA,4CAAmCA,gBAOvDA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,yCACmBA,gBAOxCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,uBAAcA,gBAMlCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,qBACOA,gBAM5BA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,gCACcA,sBAS/CA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEkDA,MAAA,0BAASkD,EAAA0B,OAAO,WAAW,GAAI5E,MAAA,cACrDA,MAAA,0BAC1CA,YAGJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAC+CA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAI5E,MAAA,0BAE9FA,MAAA,cAAyCA,yBAzH/BA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAejBvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,KAMAxF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,w1ZD3RN8C,CAAmB,kJEAzB,IAAMC,GAAwB,MAA/B,MAAOA,EALb9G,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGaoD,EAAwB,oCAAxBA,EAAwB7F,UAAA,4BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOxBxB,EAAoB,s2DCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAMQA,MAAA,0EAAaA,UAEtBA,MAAA,UAAAA,CAA4B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAEjHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC1CkD,EAAA6B,aAAY,EAAM,IAAI,GACtC/E,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC1CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,aAGIA,MAAA,gBAIJA,UAcAA,MAAA,eAA4BA,MAAA,++SA0BoBA,UAGpDA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GACjC/E,MAAA,SAAKA,MAAA,uFAAeA,QACrBA,MAAA,eAA4BA,MAAA,42KAe2BA,UAE3DA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,SAAKA,MAAA,qEAAYA,QACjBA,MAAA,eACIA,MAAA,uqLAgBJA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GACnC/E,MAAA,SAAKA,MAAA,6HAAuBA,QAC3BA,MAAA,eAAwBA,MAAA,0XACgBA,QACxCA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,wLAAgCA,QAC3DA,MAAA,y/BAE6CA,QACjDA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,8IAAyBA,QAAIA,MAAA,2tCAO5DA,QACAA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,oJAA0BA,QAAKA,MAAA,SAE1DA,MAAA,g/BAEiDA,QACrDA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,qHAAoBA,QAAKA,MAAA,SAEpDA,MAAA,+3BAEsBA,QAC1BA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,0GAAmBA,QAAKA,MAAA,SAAIA,MAAA,4gCAGRA,QACnDA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,oJAA0BA,QAAKA,MAAA,SAE1DA,MAAA,0zBAEmBA,QACvBA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,yDAAUA,QAAKA,MAAA,SAAIA,MAAA,w/BAKlDA,QACAA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,8DAAUA,QAAKA,MAAA,SAAIA,MAAA,8jBAEtBA,gBAK5CA,MAAA,YAAAA,CAAyC,YAAzCA,CAAyC,WAAzCA,CAAyC,YAAzCA,CAAyC,SAMrBA,MAAA,2DACJA,UAEJA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACPA,MAAA,YAAMA,QACtBA,MAAA,YAAAA,CAAuB,cAGmBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACpDnF,MAAA,yJAA+BA,gBAKpDA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEmBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAErDnF,MAAA,0JAA+BA,gBAMnDA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEmBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAErDnF,MAAA,kLAAkCA,gBAqBtDA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,yFAAeA,gBAKnCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,4EAAaA,gBAKlCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,gJAA0BA,sBAQ3DA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEoDA,MAAA,0BAASkD,EAAA0B,OAAO,WAAW,GAAI5E,MAAA,cACvDA,MAAA,oFAC1CA,YAEJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAE8CA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAI5E,MAAA,qEAG7FA,MAAA,cAAyCA,yBAnH/BA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAgCAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAajBvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,KAMAxF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,o1ZDxRN+C,CAAwB,2BEPrCxI,MAAA,2CACAA,MAAA,2BCMO,IAAMyI,GAAoB,MAA3B,MAAOA,EALb/G,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfW4C,EAAoB,oCAApBA,EAAoB9F,UAAA,uBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPjCjD,MAAA,EAAA0I,GAAA,yBACA1I,MAAA,EAAA2I,GAAA,sCADkB3I,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMX4C,CAAoB,qLCA1B,IAAMG,GAAoB,MAA3B,MAAOA,EALblH,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGawD,EAAoB,oCAApBA,EAAoBjG,UAAA,uBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOpBxB,EAAoB,ghHCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,WAIiCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACrDkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,QAAIA,MAAA,kBAAYA,UAEpBA,MAAA,UAAAA,CAA4B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CACzD,YACdA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GADjB5E,cAG9BA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAGzF/E,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,aAEIA,MAAA,gBAIJA,UAaJA,MAAA,aAAkCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACrDkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAIA,MAAA,iCAA0BA,UAGlCA,MAAA,YAAAA,CAA6B,YAA7BA,CAA6B,cAA7BA,CAA6B,SAGbA,MAAA,iBAAUA,QAAKA,MAAA,gXAMvBA,QACAA,MAAA,cAAAA,CAA2B,SACnBA,MAAA,mCAA4BA,QAAKA,MAAA,+ZAOzCA,QACAA,MAAA,cAAAA,CAA2B,SACnBA,MAAA,mBAAYA,QAAKA,MAAA,uTAKzBA,QACAA,MAAA,cAAAA,CAA2B,SACnBA,MAAA,iBAAUA,QAAKA,MAAA,8SAKvBA,UAGJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAIA,MAAA,6CAAsCA,QAC1CA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,cAAOA,QAAKA,MAAA,kGAItCA,MAAA,SAAIA,MAAA,QAAGA,MAAA,cAAOA,QAAKA,MAAA,sEAGnBA,MAAA,SAAIA,MAAA,QAAGA,MAAA,cAAOA,QAAKA,MAAA,yDAEnBA,MAAA,SAAIA,MAAA,QAAGA,MAAA,cAAOA,QAAKA,MAAA,gDAEnBA,MAAA,SAAIA,MAAA,QAAGA,MAAA,cAAOA,QAAKA,MAAA,8CAEnBA,MAAA,SAAIA,MAAA,QAAGA,MAAA,cAAOA,QAAKA,MAAA,4EACAA,UAE3BA,MAAA,YAAAA,CAA4B,SACpBA,MAAA,oCAA6BA,UAErCA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAEJA,MAAA,YAAAA,CAA4B,cAA5BA,CAA4B,SAEhBA,MAAA,0JAGKA,UAIbA,MAAA,aACIA,MAAA,aACJA,UAEJA,MAAA,YAAAA,CAA4B,eACVA,MAAA,8FAEeA,QAE7BA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAA4B,eACVA,MAAA,mHAEKA,QAEnBA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAA4B,eACVA,MAAA,sKAGIA,QAElBA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAA4B,eACVA,MAAA,wMAGmDA,QAEjEA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAA4B,eACVA,MAAA,4JAGiBA,QAE/BA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAA4B,eACVA,MAAA,oiBAUGA,QAEjBA,MAAA,YAAAA,CAA2E,SAA3EA,CAA2E,cAE/EA,QACAA,MAAA,aAAAA,CAA4B,gBACVA,MAAA,sDACdA,QACAA,MAAA,SAAAA,CAAI,cAERA,QACAA,MAAA,aAAAA,CAA4B,gBACVA,MAAA,8EAEdA,QACAA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAA4B,eAA5BA,CAA4B,SACPA,MAAA,qBAAaA,QAAIA,MAAA,+TAKmBA,QACrDA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,yBAAiBA,QAAIA,MAAA,yEAEVA,QACzCA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,sCACdA,QAAIA,MAAA,oFAC2CA,QAC/DA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,4BAAoBA,QAAIA,MAAA,uKAItDA,QAGAA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAA4B,gBACVA,MAAA,sDACdA,QACAA,MAAA,SAAAA,CAAI,cAERA,QACAA,MAAA,aAAAA,CAA4B,gBACVA,MAAA,yHAEmCA,QAEjDA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAA4B,gBACVA,MAAA,sdAOuCA,QAErDA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAA4B,gBACVA,MAAA,wKAGmBA,QAEjCA,MAAA,aAAAA,CAA4E,SAA5EA,CAA4E,cAEhFA,QACAA,MAAA,aAAAA,CAA4B,gBACVA,MAAA,qSAKOA,QAErBA,MAAA,cACJA,kBAQhBA,MAAA,aAAAA,CAAyC,aAAzCA,CAAyC,YAAzCA,CAAyC,aAAzCA,CAAyC,UAKrBA,MAAA,4BACJA,UAGJA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,+BACcA,gBAuBlCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,mCACNA,gBAMpCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,+CAAsCA,gBAM1DA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,8CAAqCA,gBAmDzDA,MAAA,aAAAA,CAA4B,YAA5BA,CAA4B,cAGGA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAsB,WAAtBA,CAAsB,eAGVA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,sBAAaA,YAGzBA,MAAA,aAAAA,CAAsB,YAC+CA,MAAA,cACXA,oBAS9EA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEoDA,MAAA,0BAASkD,EAAA0B,OAAO,cAAc,GACxF5E,MAAA,cAAuCA,MAAA,4BAC3CA,YAGRA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAEdA,MAAA,0BAASkD,EAAA0B,OAAO,gBAAgB,GAAE5E,MAAA,0BAE5BA,MAAA,cAAyCA,yBAxJSA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAiCCvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAuF,EAAA,KAAArC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAeCvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SA4DFvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAwF,GAAA,KAAAtC,EAAAK,SAoB7DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,KAMAzF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAA+G,48ZD7ZV6B,CAAoB,qLEA1B,IAAMC,GAAyB,MAAhC,MAAOA,EALbnH,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGayD,EAAyB,oCAAzBA,EAAyBlG,UAAA,6BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOzBxB,EAAoB,kyHCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,WAIiCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACzDkD,EAAA6B,aAAY,EAAM,IAAI,GAC9B/E,MAAA,QAAIA,MAAA,mEAAWA,UAEnBA,MAAA,UAAAA,CAA4B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAGjHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC1CkD,EAAA6B,aAAY,EAAM,IAAI,GAIlC/E,MAAA,YAGIA,MAAA,gBAIJA,UAuBJA,MAAA,aAAkCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACrDkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,4LAAoCA,UAE7CA,MAAA,WAAAA,CAA4B,gBAAoBA,MAAA,aAC7BA,UACnBA,MAAA,YAAAA,CAA6B,YAA7BA,CAA6B,cAA7BA,CAA6B,SAIbA,MAAA,4CAAOA,QAAKA,MAAA,u4DAQpBA,QACAA,MAAA,cAAAA,CAA4B,SACpBA,MAAA,4HAAsBA,QAAKA,MAAA,6lEAOnCA,QACAA,MAAA,cAAAA,CAA4B,SACpBA,MAAA,qEAAYA,QAAKA,MAAA,wiDAKzBA,QACAA,MAAA,cAAAA,CAA4B,SACpBA,MAAA,gCAAKA,QAAKA,MAAA,urDAKlBA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,kMAAqCA,QAC1CA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,4BAAMA,QAAKA,MAAA,0hBAItCA,MAAA,SAAIA,MAAA,QAAGA,MAAA,4BAAMA,QAAKA,MAAA,oRAElBA,MAAA,SAAIA,MAAA,QAAGA,MAAA,4BAAMA,QAAKA,MAAA,4LAElBA,MAAA,SAAIA,MAAA,QAAGA,MAAA,4BAAMA,QAAKA,MAAA,6MAElBA,MAAA,SAAIA,MAAA,QAAGA,MAAA,4BAAMA,QAAKA,MAAA,iPAElBA,MAAA,SAAIA,MAAA,QAAGA,MAAA,4BAAMA,QAAKA,MAAA,kaACaA,UAEvCA,MAAA,YAAAA,CAA4B,SACnBA,MAAA,sKAAkCA,UAE3CA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAEJA,MAAA,YAAAA,CAA4B,cAA5BA,CAA4B,SAGfA,MAAA,qeACqDA,UAG9DA,MAAA,aACIA,MAAA,aACJA,UAEJA,MAAA,YAAAA,CAA4B,eAETA,MAAA,+QACiBA,QAChCA,MAAA,aAEJA,QACAA,MAAA,YAAAA,CAA4B,eAETA,MAAA,qMACkBA,QACjCA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAA4B,eAETA,MAAA,4uBAEoCA,QACnDA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAA4B,eAETA,MAAA,y0BAEiDA,QAChEA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAA4B,eAETA,MAAA,wqBAEUA,QACzBA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAA4B,eAETA,MAAA,sgFASNA,QACTA,MAAA,aAAAA,CAA2E,SAA3EA,CAA2E,cAG/EA,QACAA,MAAA,aAAAA,CAA4B,gBAETA,MAAA,+LACfA,QAAQA,MAAA,SAAAA,CAAI,cAEhBA,QACAA,MAAA,aAAAA,CAA4B,gBAETA,MAAA,sQAEfA,QACAA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAA4B,eAA5BA,CAA4B,SAENA,MAAA,4EAAaA,QAAIA,MAAA,qgDAMnCA,QACAA,MAAA,eAAAA,CAA4B,SAAGA,MAAA,4EAAaA,QAAIA,MAAA,oTAGhDA,QACAA,MAAA,eAAAA,CAA4B,SAAGA,MAAA,4JACjBA,QAAIA,MAAA,+aAGlBA,QACAA,MAAA,eAAAA,CAA4B,SAAGA,MAAA,iJAA2BA,QAAIA,MAAA,mxBAI9DA,QACAA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAA4B,gBAETA,MAAA,mOACfA,QAAQA,MAAA,SAAAA,CAAI,cAEhBA,QACAA,MAAA,aAAAA,CAA4B,gBAETA,MAAA,+WACwCA,QACvDA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAA4B,gBAETA,MAAA,m6EAOiDA,QAChEA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAA4B,gBAETA,MAAA,o4BAEmDA,QAClEA,MAAA,aAAAA,CACiB,SADjBA,CACiB,cAErBA,QACAA,MAAA,aAAAA,CAA4B,gBAETA,MAAA,04CAISA,QACxBA,MAAA,cAEJA,gBAOhBA,MAAA,aAAAA,CAAyC,aAAzCA,CAAyC,YAAzCA,CAAyC,aAAzCA,CAAyC,UAMrBA,MAAA,4DACJA,UAEJA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEmBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAErDnF,MAAA,8GAAqBA,gBAuBzCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,8LAAoCA,gBAKxDA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,mMAAoCA,gBAKxDA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,6JAA4BA,gBAKhDA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,sLAAiCA,gBAKrDA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,qNAAuCA,gBAM3DA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,8MAAqCA,gBAMzDA,MAAA,aAAAA,CAA4B,YAA5BA,CAA4B,cAGGA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAsB,WAAtBA,CAAsB,eAIVA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,uEAAYA,YAGxBA,MAAA,aAAAA,CAAsB,YACsDA,MAAA,cAC5CA,oBAQpDA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGsDA,MAAA,0BAASkD,EAAA0B,OAAO,cAAc,GAAI5E,MAAA,cAC5DA,MAAA,8EAE1CA,YAEJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAE+CA,MAAA,0BAASkD,EAAA0B,OAAO,gBAAgB,GAChG5E,MAAA,4FAEKA,MAAA,cAAyCA,yBA/J/BA,MAAA,KAAAA,MAAA,UAAAA,MAAA,GAAAsF,GAAA,KAAApC,EAAAK,SAkCAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAgB4CvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAwF,GAAA,KAAAtC,EAAAK,SAoB7DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,KAOAzF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAA+G,k9ZD9aN8B,CAAyB,2BEPtC7I,MAAA,4CACAA,MAAA,4BCMO,IAAM8I,GAAiB,MAAxB,MAAOA,EALbpH,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfWiD,EAAiB,oCAAjBA,EAAiBnG,UAAA,mBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDP9BjD,MAAA,EAAA+I,GAAA,0BACA/I,MAAA,EAAAgJ,GAAA,uCADmBhJ,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMZiD,CAAiB,0JCAvB,IAAMG,GAAqB,MAA5B,MAAOA,EALbvH,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGa6D,EAAqB,oCAArBA,EAAqBtG,UAAA,wBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOrBxB,EAAoB,+yFCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,OAAjBA,CAAiB,QAMaA,MAAA,kCAA2BA,YAIzCA,MAAA,UAAAA,CAA2B,UAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,YACpFA,MAAA,UAC5BA,QACAA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC1CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,YAGIA,MAAA,gBAOJA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SACIA,MAAA,mCACJA,QAEAA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,8BAC3BA,QAAIA,MAAA,oaAM+BA,QAEvCA,MAAA,cAAAA,CAA4B,QAAIA,MAAA,oCAC5BA,QAAIA,MAAA,iZAMeA,QACvBA,MAAA,cAAAA,CAA4B,QAAIA,MAAA,4CACXA,QAAKA,MAAA,8WAKwCA,QAElEA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,sCACjBA,QAAIA,MAAA,2KAGLA,UAIjBA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,iFAELA,QAGAA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,kBAAaA,QAAKA,MAAA,kGAEcA,QAC/DA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,mBAAcA,QAAIA,MAAA,qEAEVA,QACvCA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,mBAAcA,QAAIA,MAAA,qCAEjDA,QACAA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,mBAAcA,QAAIA,MAAA,kEAElBA,QAC/BA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,mBAAcA,QAAIA,MAAA,+CAEhCA,QACjBA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,mBAAcA,QAAKA,MAAA,8CAE5BA,QACtBA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,oBAAeA,QAAIA,MAAA,4EAEJA,UAIlDA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,eACIA,MAAA,gCACJA,QAEAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAEJA,MAAA,eACIA,MAAA,8DACJA,QAEAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAEJA,MAAA,eACIA,MAAA,4CACJA,QAEAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAEJA,MAAA,eACIA,MAAA,0CACJA,QAEAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAEJA,MAAA,eACIA,MAAA,oDACJA,QAEAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eACIA,MAAA,oLAGJA,QAEAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eACIA,MAAA,0KAGJA,QAEAA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAEJA,MAAA,gBAGIA,MAAA,wMAGJA,QAEAA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,QACAA,MAAA,cACIA,MAAA,cACJA,UAEJA,MAAA,gBAGIA,MAAA,6KAGJA,QAEAA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,QACAA,MAAA,cACIA,MAAA,cACJA,UAEJA,MAAA,gBAIIA,MAAA,0HAEJA,QAEAA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAEJA,MAAA,gBAGIA,MAAA,udAOJA,QAEAA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAIJA,MAAA,gBACIA,MAAA,0KAGJA,QAEAA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,kBAMpBA,MAAA,aAAAA,CAA0C,aAA1CA,CAA0C,YAA1CA,CAA0C,aAA1CA,CAA0C,UAKtBA,MAAA,4BACJA,UAGJA,MAAA,cAgBAA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEvBA,QACAA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAGpDnF,MAAA,oCACJA,gBAMhBA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEvBA,QACAA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAGpDnF,MAAA,oDACJA,gBAMhBA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,wCAA+BA,gBAOnDA,MAAA,aAAAA,CAA4B,YAA5BA,CAA4B,cAGGA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAsB,WAAtBA,CAAsB,eAIVA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,uBAAcA,YAG1BA,MAAA,aAAAA,CAAsB,YAC4CA,MAAA,cAClCA,oBAUpDA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAE0DA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAI5E,MAAA,cACjEA,MAAA,6BAC1CA,YAGJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBACmDA,MAAA,0BAASkD,EAAA0B,OAAO,sBAAsB,GAC1G5E,MAAA,gCAEKA,MAAA,cAAyCA,yBAlF/BA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAkBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAiB8CvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAiBFvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,GAAA,KAAArC,EAAAK,SAqB7DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,KAMAxF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,g1ZDjWNwD,CAAqB,2JEA3B,IAAMC,GAA0B,MAAjC,MAAOA,EALbxH,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGa8D,EAA0B,oCAA1BA,EAA0BvG,UAAA,8BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAO1BxB,EAAoB,gnFCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,OAAjBA,CAAiB,QAMYA,MAAA,6MAAuCA,YAIpDA,MAAA,UAAAA,CAA2B,UAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAGhHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC1CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,YAGIA,MAAA,gBAMJA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,SACIA,MAAA,+MACJA,QAKAA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,gHAAoBA,QAAIA,MAAA,4lEAMNA,QAEjDA,MAAA,cAAAA,CAA4B,QAAIA,MAAA,uHAC5BA,QAAIA,MAAA,65DAKmBA,QAC3BA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,kHAA6BA,QACxDA,MAAA,6mDAI6BA,QAEjCA,MAAA,cAAAA,CAA4B,QAAGA,MAAA,0HACjBA,QAAIA,MAAA,g3BAIlBA,UAGJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,SAAKA,MAAA,kXAELA,QAIAA,MAAA,cAAAA,CAA4B,QAAIA,MAAA,iCAAYA,QAAKA,MAAA,qgBAE5BA,QACrBA,MAAA,cAAAA,CAA4B,QAAIA,MAAA,kCAAaA,QAAIA,MAAA,mRACTA,QAAQA,MAAA,SAChDA,MAAA,cAAAA,CAA4B,QAAIA,MAAA,kCAAaA,QAAKA,MAAA,iHAElDA,QAAQA,MAAA,SACRA,MAAA,cAAAA,CAA4B,QAAIA,MAAA,kCAAaA,QAAIA,MAAA,wTAGjDA,QAAQA,MAAA,SACRA,MAAA,cAAAA,CAA4B,QAAIA,MAAA,kCAAaA,QAAKA,MAAA,6MACjBA,QAAQA,MAAA,SACzCA,MAAA,cAAAA,CAA4B,QAAIA,MAAA,kCAAaA,QAAIA,MAAA,gPACbA,QAAQA,MAAA,SAC5CA,MAAA,cAAAA,CAA4B,QAAIA,MAAA,mCAAcA,QAAIA,MAAA,iaACsBA,UAI5EA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,eACIA,MAAA,wJACJA,QACAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eACIA,MAAA,2NACJA,QACAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eACIA,MAAA,sGACJA,QACAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eACIA,MAAA,uEACJA,QACAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eACIA,MAAA,8OACJA,QACAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAIJA,MAAA,eACIA,MAAA,iyBAGJA,QACAA,MAAA,WAAAA,CAAiB,cAETA,MAAA,cACJA,UAIJA,MAAA,gBACIA,MAAA,g6BAGJA,QACAA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAGJA,MAAA,gBAGIA,MAAA,+hCAGJA,QACAA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,QACAA,MAAA,cACIA,MAAA,cACJA,UAGJA,MAAA,gBAGIA,MAAA,48BAGJA,QACAA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,QACAA,MAAA,cACIA,MAAA,cACJA,UAGJA,MAAA,gBAIIA,MAAA,0XAEJA,QACAA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAGJA,MAAA,gBAGIA,MAAA,25EAQJA,QACAA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAKJA,MAAA,gBACIA,MAAA,o4BAGJA,QACAA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,kBAMpBA,MAAA,aAAAA,CAA0C,aAA1CA,CAA0C,YAA1CA,CAA0C,cAI3BA,MAAA,WACCA,MAAA,UACIA,MAAA,4DACJA,UAEJA,MAAA,cAgBAA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEvBA,QACAA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAGpDnF,MAAA,gNACJA,gBAKhBA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEvBA,QACAA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAGpDnF,MAAA,gNACJA,gBAKhBA,MAAA,aAAAA,CAA4B,YAA5BA,CAA4B,cAGGA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAsB,WAAtBA,CAAsB,eAIVA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,yFAAeA,YAG3BA,MAAA,aAAAA,CAAsB,YACqDA,MAAA,cAC3CA,oBASpDA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGwDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAI5E,MAAA,cAC/DA,MAAA,wEAE1CA,YAEJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAEmDA,MAAA,0BAASkD,EAAA0B,OAAO,sBAAsB,GAC1G5E,MAAA,yGAGKA,MAAA,cAAyCA,yBAnE/BA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAkBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAiB4CvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAuF,GAAA,KAAArC,EAAAK,SAqB7DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,KAOAxF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,s1ZDlVNyD,CAA0B,2BEPvClJ,MAAA,6CACAA,MAAA,6BCMO,IAAMmJ,GAAc,MAArB,MAAOA,EALbzH,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfWsD,EAAc,oCAAdA,EAAcxG,UAAA,gBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDP3BjD,MAAA,EAAAoJ,GAAA,2BACApJ,MAAA,EAAAqJ,GAAA,wCADoBrJ,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMbsD,CAAc,yJCApB,IAAMG,GAAoB,MAA3B,MAAOA,EALb5H,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGakE,EAAoB,oCAApBA,EAAoB3G,UAAA,uBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOpBxB,EAAoB,25DCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QASSA,MAAA,2BAAoBA,UAK9BA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAIhHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAEIA,MAAA,gBAIJA,UAEJA,MAAA,aAAmCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACrG/E,MAAA,QAAAA,CAAI,QAAGA,MAAA,eAAQA,UACfA,MAAA,eAAcA,MAAA,gEAAyDA,UAE3EA,MAAA,aAA6BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAC/F/E,MAAA,aAEJA,QACAA,MAAA,aAAwBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE1F/E,MAAA,SAAMA,MAAA,4BAAoBA,QAC1BA,MAAA,eAAiCA,MAAA,irBAsBFA,UAGnCA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,kCACJA,QAEAA,MAAA,eAAgCA,MAAA,8LAOcA,QAG9CA,MAAA,YAAkBA,MAAA,oBAAaA,QAC/BA,MAAA,eAAgCA,MAAA,wLAMMA,QAGtCA,MAAA,YAAkBA,MAAA,qCAA8BA,QAChDA,MAAA,eAAgCA,MAAA,0JAMhCA,QAGAA,MAAA,YAAkBA,MAAA,6BAAsBA,QACxCA,MAAA,eAAgCA,MAAA,+JAQpBA,QAEZA,MAAA,YAAkBA,MAAA,+BAAwBA,QAC1CA,MAAA,eAAgCA,MAAA,+IAKhCA,QAGAA,MAAA,YAAkBA,MAAA,2BAAoBA,QACtCA,MAAA,eAAgCA,MAAA,mIAIhCA,QAGAA,MAAA,YAAkBA,MAAA,iCAA0BA,QAC5CA,MAAA,eAAgCA,MAAA,wKAKPA,QAGzBA,MAAA,YAAkBA,MAAA,qBAAcA,QAChCA,MAAA,eAAgCA,MAAA,sJAOhCA,UAGJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAKA,MAAA,iBAAUA,QACfA,MAAA,eAAgCA,MAAA,6KAKNA,QAE1BA,MAAA,YAAkBA,MAAA,kBAAWA,QAC7BA,MAAA,eAAgCA,MAAA,mMAOiBA,QAGjDA,MAAA,YAAkBA,MAAA,iBAAUA,QAC5BA,MAAA,eAAgCA,MAAA,qNAMoCA,QAGpEA,MAAA,YAAkBA,MAAA,yBAAkBA,QACpCA,MAAA,eAAgCA,MAAA,2MAOqBA,QAGrDA,MAAA,YAAkBA,MAAA,iCAA0BA,QAC5CA,MAAA,eAAgCA,MAAA,+LAQhCA,QAGAA,MAAA,YAAkBA,MAAA,0BAAmBA,QACrCA,MAAA,eAAgCA,MAAA,uKAUhCA,QAEAA,MAAA,YAAkBA,MAAA,iCAA0BA,QAC5CA,MAAA,eAAgCA,MAAA,kLAQhCA,QAGAA,MAAA,YAAkBA,MAAA,6BAAsBA,QACxCA,MAAA,eAAgCA,MAAA,oJAOhCA,QAEAA,MAAA,eAAgCA,MAAA,6NAQhCA,gBAMhBA,MAAA,YAAAA,CAA2C,YAA3CA,CAA2C,WAA3CA,CAA2C,YAA3CA,CAA2C,UAKvBA,MAAA,4BACJA,UAGJA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAA6DA,MAAA,aAAMA,QAC1FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,iCAAwBA,gBAK5CA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAAgEA,QACvFA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,MAAM,GACrBnF,MAAA,kBAASA,gBAK7BA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,iCAAwBA,gBAM5CA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,kCAEVA,gBAMhCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,uCAA8BA,sBAU9DA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAE0DA,MAAA,0BAASkD,EAAA0B,OAAO,kBAAkB,GACtG5E,MAAA,cAAuCA,MAAA,gCAC3CA,YAGJA,MAAA,aAAAA,CAA2C,WAA3CA,CAA2C,iBAC6BA,MAAA,0BAASkD,EAAA0B,OAAO,iBAAiB,GAAG5E,MAAA,kCAG9FA,MAAA,cAAyCA,yBA/EeA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAYDvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAuF,EAAA,KAAArC,EAAAK,SAaAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAgB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,KAMAxF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,+0ZD9UN6D,CAAoB,yJEA1B,IAAMC,GAAyB,MAAhC,MAAOA,EALb7H,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGamE,EAAyB,oCAAzBA,EAAyB5G,UAAA,6BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOzBxB,EAAoB,05DCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QASSA,MAAA,0GAAmBA,UAI7BA,MAAA,WAAkCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACpG/E,MAAA,OAAAA,CAAI,QAAGA,MAAA,yEAAWA,UAClBA,MAAA,cAAcA,MAAA,4RAAyDA,UAE3EA,MAAA,WAAAA,CAA2B,UAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAGhHA,MAAA,aAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,aAEIA,MAAA,gBAIJA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAC9F/E,MAAA,aAEJA,QACAA,MAAA,aAAwBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE1F/E,MAAA,SAAMA,MAAA,2GAAmBA,QACPA,MAAA,eAAmCA,MAAA,67GAUrDA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAG9F/E,MAAA,SACIA,MAAA,uGACJA,QAEAA,MAAA,eAAgCA,MAAA,u5BAGhCA,QAEAA,MAAA,YAAkBA,MAAA,4EAAcA,QAEhCA,MAAA,eAAgCA,MAAA,kmCAGOA,QAEvCA,MAAA,YAAkBA,MAAA,wMAAsCA,QAExDA,MAAA,eAAgCA,MAAA,isBAGhCA,QAEAA,MAAA,YAAkBA,MAAA,kFAAeA,QAEjCA,MAAA,eAAgCA,MAAA,k0BAIhCA,QAEAA,MAAA,YAAkBA,MAAA,iHAAqBA,QAEvCA,MAAA,eAAgCA,MAAA,kpBAGhCA,QAEAA,MAAA,YAAkBA,MAAA,8FAAiBA,QAEnCA,MAAA,eAAgCA,MAAA,0sBAGhCA,QAEAA,MAAA,YAAkBA,MAAA,uHAAsBA,QAExCA,MAAA,eAAgCA,MAAA,68BAGZA,QAEpBA,MAAA,YAAkBA,MAAA,mDAASA,QAE3BA,MAAA,eAAgCA,MAAA,uxBAGhCA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAKA,MAAA,sLAAmCA,QAExCA,MAAA,eAAgCA,MAAA,w9BAGpBA,QACZA,MAAA,YAAkBA,MAAA,oDAAUA,QAE5BA,MAAA,eAAgCA,MAAA,68BAGrBA,QAEXA,MAAA,YAAkBA,MAAA,8FAAiBA,QAEnCA,MAAA,eAAgCA,MAAA,umCAGSA,QAEzCA,MAAA,YAAkBA,MAAA,uFAAeA,QAEjCA,MAAA,eAAgCA,MAAA,08BAGdA,QAElBA,MAAA,YAAkBA,MAAA,oFAAiBA,QAEnCA,MAAA,eAAgCA,MAAA,45BAIhCA,QAEAA,MAAA,YAAkBA,MAAA,0GAAmBA,QAErCA,MAAA,eAAgCA,MAAA,u5BAIhCA,QAGAA,MAAA,YAAkBA,MAAA,gJAA2BA,QAE7CA,MAAA,eAAgCA,MAAA,+3BAIhCA,QAEAA,MAAA,YAAkBA,MAAA,wFAAgBA,QAElCA,MAAA,eAAgCA,MAAA,uxBAIhCA,QAEAA,MAAA,eAAgCA,MAAA,ojCAIhCA,gBAKhBA,MAAA,YAAAA,CAA2C,YAA3CA,CAA2C,WAA3CA,CAA2C,YAA3CA,CAA2C,UAMvBA,MAAA,2DACJA,UAEJA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAA6DA,MAAA,aAAMA,QAC1FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,8GAAqBA,gBAKzCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAA+DA,QACtFA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,MAAM,GACrBnF,MAAA,4EAAYA,gBAKhCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,8GAAqBA,gBAKzCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,sGAAmBA,gBAK7DA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAGfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,2MAC1BA,sBAS5BA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAG0DA,MAAA,0BAASkD,EAAA0B,OAAO,kBAAkB,GACtG5E,MAAA,cAAuCA,MAAA,wEAE3CA,YAEJA,MAAA,aAAAA,CAA2C,WAA3CA,CAA2C,iBAE4BA,MAAA,0BAASkD,EAAA0B,OAAO,iBAAiB,GAC/F5E,MAAA,iKAGKA,MAAA,cAAyCA,yBAhFeA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAYDvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAuF,EAAA,KAAArC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAaAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,EAAA,KAAArC,EAAAK,SAgB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,KAOAxF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,q1ZDzQN8D,CAAyB,2BEPtCvJ,MAAA,4CACAA,MAAA,4BCMO,IAAMwJ,GAAkB,MAAzB,MAAOA,EALb9H,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfW2D,EAAkB,oCAAlBA,EAAkB7G,UAAA,qBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDP/BjD,MAAA,EAAAyJ,GAAA,0BACAzJ,MAAA,EAAA0J,GAAA,uCADmB1J,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMZ2D,CAAkB,mHCAxB,IAAMG,GAAmB,MAA1B,MAAOA,EALbjI,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGauE,EAAmB,oCAAnBA,EAAmBhH,UAAA,sBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOnBxB,EAAoB,o1DCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,OAAjBA,CAAiB,OAKEA,MAAA,kDAA4CA,UACnDA,MAAA,aAAcA,MAAA,yGACuBA,UAEzCA,MAAA,WAAAA,CAA2B,UAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAEhHA,MAAA,YACIA,MAAA,aAEJA,QAEAA,MAAA,YAAAA,CAAkC,SACzBA,MAAA,iCAA0BA,UAiBnCA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAoC,6BAChDkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,+EAEDA,MAAA,QAAAA,CAAI,SAEJA,MAAA,mBACJA,QAEAA,MAAA,WAAAA,CAAiB,SACRA,MAAA,qHAIMA,QAEXA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,UAEJA,MAAA,YAAkBA,MAAA,qFAIlBA,QAGAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,YAAkBA,MAAA,0NAQ0CA,QAE5DA,MAAA,WAAAA,CAAiB,YAGTA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,UAGJA,MAAA,YAAkBA,MAAA,wJAOlBA,YAIRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,0BAAmBA,QACxBA,MAAA,QAAAA,CAAI,YAEIA,MAAA,qKAKJA,QAEAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAEJA,MAAA,YACIA,MAAA,6IAIJA,QAEAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aAEJA,UAEJA,MAAA,YAAmBA,MAAA,kaAgBDA,QAClBA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aAEJA,UAEJA,MAAA,SAAKA,MAAA,kUASiEA,QAEtEA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aAEJA,oBAOpBA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAK1BA,MAAA,2BACJA,UAcJA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,+BAAuBA,gBAM3CA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,sCAEeA,sBAW5CA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,YAAtBA,CAAsB,WAAtBA,CAAsB,iBAEqDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAI5E,MAAA,cAC5DA,MAAA,6BAC1CA,YAGJA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,iBACyCA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GAAG5E,MAAA,oBAChFA,MAAA,cAAyCA,yBAzCnCA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAkBbvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAwF,80ZD/OFmE,CAAmB,mHEAzB,IAAMC,GAAwB,MAA/B,MAAOA,EALblI,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGawE,EAAwB,oCAAxBA,EAAwBjH,UAAA,4BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOxBxB,EAAoB,o1DCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,OAAjBA,CAAiB,OAKEA,MAAA,uPAA8CA,UACrDA,MAAA,aAAcA,MAAA,4bACiBA,UAEnCA,MAAA,WAAAA,CAA2B,UAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAEhHA,MAAA,YACIA,MAAA,aAEJA,QAEAA,MAAA,YAAAA,CAAkC,SACzBA,MAAA,4JACLA,UAgBJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAoC,6BAChDkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,SAAKA,MAAA,4WAEDA,MAAA,QAAAA,CAAI,SAEJA,MAAA,yCACJA,QACAA,MAAA,WAAAA,CAAiB,SAERA,MAAA,mZAEoBA,QACzBA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,UAGJA,MAAA,YAAkBA,MAAA,wQAGlBA,QAEAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGWA,MAAA,YAAkBA,MAAA,slCAGIA,QACrCA,MAAA,WAAAA,CAAiB,YAGTA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,UAIJA,MAAA,YAAkBA,MAAA,mpBAGlBA,YAGRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,uEAAcA,QACnBA,MAAA,QAAAA,CAAI,YAGIA,MAAA,+gBAEJA,QACAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,YACIA,MAAA,0VAGJA,QACAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aAEJA,UAGJA,MAAA,YAAmBA,MAAA,yyDAK+BA,QAClDA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aAEJA,UAGJA,MAAA,SAAKA,MAAA,g4CAISA,QACdA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aAEJA,oBAOpBA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAM1BA,MAAA,0DACJA,UAaJA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,0FAAiBA,gBAKrCA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,4KAAmCA,sBAUhEA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,YAAtBA,CAAsB,WAAtBA,CAAsB,iBAGqDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAI5E,MAAA,cAC5DA,MAAA,8EAE1CA,YAEJA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,iBAE2CA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GAAG5E,MAAA,wDAClFA,MAAA,cAAyCA,yBAxCnCA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAgBbvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAuF,KAOAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAwF,o1ZD/MFoE,CAAwB,2BEPrC5J,MAAA,2CACAA,MAAA,2BCMO,IAAM6J,GAAmB,MAA1B,MAAOA,EALbnI,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfWgE,EAAmB,oCAAnBA,EAAmBlH,UAAA,sBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPhCjD,MAAA,EAAA8J,GAAA,yBACA9J,MAAA,EAAA+J,GAAA,sCADkB/J,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMXgE,CAAmB,gHCAzB,IAAMG,GAAkB,MAAzB,MAAOA,EALbtI,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGa4E,EAAkB,oCAAlBA,EAAkBrH,UAAA,qBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOlBxB,EAAoB,gxCCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,WAIiCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACrDkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,QAAKA,MAAA,iBAAWA,UAEpBA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAgBhHA,MAAA,WAAAA,CAA4B,cAEIA,MAAA,+eAgBdA,UAElBA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAKA,MAAA,mCAA4BA,QACjCA,MAAA,QAAAA,CAAI,WAAJA,CAAI,QAEOA,MAAA,4BAAqBA,QAAIA,MAAA,sEAGhCA,QACAA,MAAA,WAAAA,CAAkB,QACXA,MAAA,iCAA0BA,QAAIA,MAAA,4IAKrCA,QACAA,MAAA,WAAAA,CAAkB,QACXA,MAAA,yBAAkBA,QAAIA,MAAA,iHAI7BA,QACAA,MAAA,WAAAA,CAAkB,QACXA,MAAA,kCAA2BA,QAAIA,MAAA,6GAGtCA,YAGRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAKA,MAAA,+DACLA,UAEJA,MAAA,YAAAA,CAA4B,cAA5BA,CAA4B,QACNA,MAAA,cAAOA,QAAKA,MAAA,uGAEiBA,QAC/CA,MAAA,QAAAA,CAAI,aACRA,QACAA,MAAA,YAAAA,CAA4B,cAA5BA,CAA4B,QACNA,MAAA,cAAOA,QAAKA,MAAA,qGAEMA,QACpCA,MAAA,QAAAA,CAAI,aACRA,QACAA,MAAA,YAAAA,CAA4B,cAA5BA,CAA4B,QACNA,MAAA,cAAOA,QAAIA,MAAA,+KAGmBA,QAChDA,MAAA,QAAAA,CAAI,aACRA,cAIZA,MAAA,YAAAA,CAA2C,YAA3CA,CAA2C,WAA3CA,CAA2C,YAA3CA,CAA2C,SAKvBA,MAAA,2BACJA,UAiBJA,MAAA,WAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAGfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,8BAAsBA,gBAK1CA,MAAA,WAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAGfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,8BAEXA,gBAK/BA,MAAA,WAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAGfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,2BACbA,sBASzCA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,YAAtBA,CAAsB,UAAtBA,CAAsB,gBAEmDA,MAAA,0BAASkD,EAAA0B,OAAO,aAAa,GAAG5E,MAAA,aACvDA,MAAA,0BAC1CA,YAGJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBACyCA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GAAE5E,MAAA,oBACjFA,MAAA,cAAyCA,yBAnDcA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAe9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,60ZD9KNwE,CAAkB,iHEAxB,IAAMC,GAAuB,MAA9B,MAAOA,EALbvI,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGa6E,EAAuB,oCAAvBA,EAAuBtH,UAAA,2BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOvBxB,EAAoB,gxCCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,WAIiCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACrDkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,QAAKA,MAAA,gFAAcA,UAEvBA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAgBhHA,MAAA,WAAAA,CAA4B,cAEIA,MAAA,6vFAQfA,UAEjBA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAKA,MAAA,iJAA4BA,QACjCA,MAAA,QAAAA,CAAI,WAAJA,CAAI,QAEOA,MAAA,iFAAcA,QAAIA,MAAA,gXAEzBA,QACAA,MAAA,WAAAA,CAAkB,QACXA,MAAA,qJAA2BA,QAAIA,MAAA,osBAGtCA,QACAA,MAAA,WAAAA,CAAkB,QACVA,MAAA,kFAAcA,QAAIA,MAAA,qnBAG1BA,QACAA,MAAA,WAAAA,CAAkB,QACXA,MAAA,mHAAuBA,QAAIA,MAAA,mhBAElCA,YAGRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAKA,MAAA,yRACLA,UAEJA,MAAA,YAAAA,CAA4B,cAA5BA,CAA4B,QACNA,MAAA,4BAAMA,QAAKA,MAAA,2hBAE7BA,QACAA,MAAA,QAAAA,CAAI,aACRA,QACAA,MAAA,YAAAA,CAA4B,cAA5BA,CAA4B,QACNA,MAAA,4BAAMA,QAAKA,MAAA,mXACmBA,QAChDA,MAAA,QAAAA,CAAI,aACRA,QACAA,MAAA,YAAAA,CAA4B,cAA5BA,CAA4B,QACNA,MAAA,4BAAMA,QAAIA,MAAA,67BAGVA,QAClBA,MAAA,QAAAA,CAAI,aACRA,cAIZA,MAAA,YAAAA,CAA2C,YAA3CA,CAA2C,WAA3CA,CAA2C,YAA3CA,CAA2C,SAKvBA,MAAA,0DACJA,UAiBJA,MAAA,WAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAGfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,wHAAsBA,gBAK1CA,MAAA,WAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAGfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,iHAAqBA,gBAK/DA,MAAA,WAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAGfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,+FAAkBA,sBASxEA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,YAAtBA,CAAsB,UAAtBA,CAAsB,gBAGmDA,MAAA,0BAASkD,EAAA0B,OAAO,aAAa,GAAI5E,MAAA,aACxDA,MAAA,+CAE1CA,YAEJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAEwCA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GAAG5E,MAAA,iDACjFA,MAAA,cAAyCA,yBAlDcA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAaAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAe9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAOAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,m1ZD/JNyE,CAAuB,2BEPpCjK,MAAA,0CACAA,MAAA,0BCMO,IAAMkK,GAAY,MAAnB,MAAOA,EALbxI,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfWqE,EAAY,oCAAZA,EAAYvH,UAAA,eAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPzBjD,MAAA,EAAAmK,GAAA,wBACAnK,MAAA,EAAAoK,GAAA,qCADiBpK,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMVqE,CAAY,+BC4HGlK,MAAA,QAAgCA,MAAA,GAAOA,kCAAPA,MAAA,GAAAA,MAAAqK,8JC3HrD,IAAMC,GAAuB,MAA9B,MAAOA,EALb5I,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,OAChB5B,KAAA6B,UAAoB,OAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAqBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GA6BhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EACjBtC,KAAA0I,KAAe,EACf1I,KAAA2I,OAAiB,EAQnB3I,KAAAuC,OAAc,GAtEZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CACf,CAOAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,GAGG,KAAdtC,KAAKgC,QAEPhC,KAAK0I,KAAM,EACX1I,KAAK2I,OAAQ,EAIjB,CASAhK,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDA/GakF,EAAuB,oCAAvBA,EAAuB3H,UAAA,0BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOvBxB,EAAoB,8sDDfjCzB,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,sBAAgBA,UAExBA,MAAA,UAAAA,CAA4B,SACKA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,aAAAA,CAA0B,YACvBA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GADR5E,cAKzFA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAEIA,MAAA,gBAIJA,UAEJA,MAAA,YAAAA,CAA4B,eACEA,MAAA,2YAM0BA,UAIxDA,MAAA,YAAAA,CAA4B,eACEA,MAAA,yIAG1BA,UAGJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,sDACJA,QAEAA,MAAA,cAAAA,CAAwB,QAAGA,MAAA,wCACPA,QAAIA,MAAA,6MAMxBA,QACAA,MAAA,cAAAA,CAAwB,QAAGA,MAAA,wBAAiBA,QAAIA,MAAA,sMAOtCA,QAEVA,MAAA,cAAAA,CAAwB,QAAGA,MAAA,0CACdA,QAAIA,MAAA,mQAOkDA,QACnEA,MAAA,cAAAA,CAAwB,QAAIA,MAAA,sBAAcA,QAAIA,MAAA,uUAUdA,QAChCA,MAAA,cAAAA,CAAwB,QAAIA,MAAA,wCACZA,QAAIA,MAAA,sLAMiDA,QACrEA,MAAA,cAAAA,CAAwB,QAAGA,MAAA,6BAAsBA,QAAIA,MAAA,2MAQrDA,QACAA,MAAA,cAAAA,CAAwB,QAAGA,MAAA,kBAAWA,QAAIA,MAAA,wKAOlBA,QACxBA,MAAA,eAAwBA,MAAA,mOAM+CA,UAK3EA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,4CAAqCA,QACzCA,MAAA,eAA+BA,MAAA,kNAK/BA,QAEAA,MAAA,YAAAA,CAAiD,YAEzCA,MAAA,GAAAyK,GAAA,aACJzK,YAGRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,gFACJA,QACAA,MAAA,eAA+BA,MAAA,2NAMpBA,QACXA,MAAA,cAAAA,CAAwB,QAAIA,MAAA,4BAAoBA,QAAIA,MAAA,oMAKcA,QAClEA,MAAA,cAAAA,CAAwB,QAAIA,MAAA,mCACTA,QAAIA,MAAA,sMAMVA,QACbA,MAAA,cAAAA,CAAwB,QAAIA,MAAA,wBAAgBA,QAAIA,MAAA,+MAOhDA,QACAA,MAAA,cAAAA,CAAwB,QAAIA,MAAA,wBAAgBA,QAAIA,MAAA,sOAS/BA,QACjBA,MAAA,cAAAA,CAAwB,QAAIA,MAAA,mCACXA,QAAIA,MAAA,8HAIVA,QACXA,MAAA,cAAAA,CAAwB,QAAIA,MAAA,wCACLA,QAAIA,MAAA,uOAMgBA,QAE3CA,MAAA,cAAAA,CAAwB,QAAIA,MAAA,kCACxBA,QAAIA,MAAA,iPAO4BA,QACpCA,MAAA,cAAAA,CAAwB,QAAIA,MAAA,2BAAmBA,QAAIA,MAAA,oPAQrBA,QAC9BA,MAAA,cAAAA,CAAwB,QAAIA,MAAA,6BAAoBA,QAAIA,MAAA,8KAKGA,QACvDA,MAAA,eAAAA,CAA+B,SAAIA,MAAA,6BACfA,QAAIA,MAAA,sKAMqBA,gBAO7DA,MAAA,aAAAA,CAAyC,aAAzCA,CAAyC,YAAzCA,CAAyC,aAAzCA,CAAyC,UAKrBA,MAAA,4BACJA,UAGJA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGQA,MAAA,cAA6DA,MAAA,cACrFA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,0CAEJA,gBAMhBA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAA4DA,MAAA,cACnFA,QACAA,MAAA,aAAAA,CAAwB,eAEhBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,oCAEPA,gBAMnCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAA4DA,MAAA,cACnFA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,+BACMA,gBAM1BA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAA4DA,MAAA,cACnFA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,qCAEJA,sBASjDA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEkDA,MAAA,cAC7CA,MAAA,6BACfA,YAGRA,MAAA,aAAAA,CAAsB,WAAtBA,CAAsB,iBAEVA,MAAA,0BAASkD,EAAA0B,OAAO,OAAO,GAAE5E,MAAA,oBAAcA,MAAA,cACCA,kBAKhEA,MAAA,+BA/LgDA,MAAA,IAAAA,MAAA,UAAAkD,EAAAS,SAoHkC3D,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAgBDvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAuF,GAAA,KAAArC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,GAAA,KAAArC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,GAAA,KAAArC,EAAAK,SAgB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,KAMAxF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,u1ZCnTN6E,CAAuB,4HCD7B,IAAMI,GAA4B,MAAnC,MAAOA,EALbhJ,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGasF,EAA4B,oCAA5BA,EAA4B/H,UAAA,gCAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAO5BxB,EAAoB,knDCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKAA,MAAA,yEAAYA,UAErBA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAEhHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC1CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,YAGIA,MAAA,gBAIJA,UAEJA,MAAA,YAAAA,CAA4B,eAEGA,MAAA,s9DAO6CA,UAG5EA,MAAA,YAAAA,CAA4B,eAEGA,MAAA,gnBAG3BA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAEnC/E,MAAA,SACKA,MAAA,iTACJA,QAEAA,MAAA,cAAAA,CAAyB,QAAGA,MAAA,iJAA4BA,QAAIA,MAAA,k5BAI5DA,QACAA,MAAA,cAAAA,CAAyB,QAAGA,MAAA,mGAAiBA,QAAIA,MAAA,+/BAGdA,QAEnCA,MAAA,cAAAA,CAAyB,QAAGA,MAAA,0LACxBA,QAAIA,MAAA,2wCAGiCA,QACzCA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,+DAAUA,QAAIA,MAAA,gpDAKpBA,QACvBA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,4JAA4BA,QAAIA,MAAA,+uBAG7DA,QACAA,MAAA,cAAAA,CAAyB,QAAGA,MAAA,8FAAiBA,QAAIA,MAAA,siCAIjDA,QACAA,MAAA,cAAAA,CAAyB,QAAGA,MAAA,4CAAOA,QAAIA,MAAA,svBAIvCA,QACAA,MAAA,eAAyBA,MAAA,qxCAIzBA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,SAAKA,MAAA,6NAA4CA,QACjDA,MAAA,eAAgCA,MAAA,orCAIhCA,QACAA,MAAA,YAAAA,CAAiD,WAAjDA,CAAiD,SAEpCA,MAAA,yGAAkBA,QACvBA,MAAA,SAAKA,MAAA,oHAAmBA,QACxBA,MAAA,SAAKA,MAAA,gFAAaA,QAClBA,MAAA,SAAKA,MAAA,uJAA6BA,QAClCA,MAAA,SAAKA,MAAA,sFAAcA,QACnBA,MAAA,SAAKA,MAAA,sFAAcA,QACnBA,MAAA,SAAKA,MAAA,6IAAwBA,QAC7BA,MAAA,SAAKA,MAAA,kGAAgBA,QACrBA,MAAA,SAAKA,MAAA,4FAAeA,QACpBA,MAAA,SAAKA,MAAA,0GAAmBA,QACxBA,MAAA,SAAKA,MAAA,uDAAQA,QACbA,MAAA,SAAKA,MAAA,mGAAiBA,QACtBA,MAAA,SAAKA,MAAA,sFAAcA,QACnBA,MAAA,SAAKA,MAAA,uFAAeA,QACpBA,MAAA,SAAKA,MAAA,sFAAcA,cAI/BA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,SACIA,MAAA,8SACJA,QACAA,MAAA,eAAgCA,MAAA,g+BAGlBA,QACdA,MAAA,cAAAA,CAAyB,QAAGA,MAAA,8FAAiBA,QAAIA,MAAA,+7BAGbA,QACpCA,MAAA,eAAAA,CAAyB,SAAIA,MAAA,gGAAiBA,QAAIA,MAAA,k9BAGLA,QAC7CA,MAAA,eAAAA,CAAyB,SAAIA,MAAA,+FAAgBA,QAAIA,MAAA,ikCAIjDA,QACAA,MAAA,eAAAA,CAAyB,SAAIA,MAAA,8EAAcA,QAAIA,MAAA,kmCAI/CA,QACAA,MAAA,eAAAA,CAAyB,SAAIA,MAAA,mHAAqBA,QAAIA,MAAA,kgBAE1BA,QAC5BA,MAAA,eAAAA,CAAyB,SAAIA,MAAA,qIAAwBA,QAAIA,MAAA,igCAGLA,QAEpDA,MAAA,eAAAA,CAAyB,SAAIA,MAAA,gGAAiBA,QAAIA,MAAA,mlCAGcA,QAChEA,MAAA,eAAAA,CAAyB,SAAIA,MAAA,yFAAeA,QAAIA,MAAA,ulCAGgBA,QAChEA,MAAA,eAAAA,CAAyB,SAAIA,MAAA,qGAAiBA,QAAIA,MAAA,oxBAGlDA,QACAA,MAAA,eAAAA,CAAgC,SAAIA,MAAA,gHAAmBA,QAAIA,MAAA,8tBAEWA,gBAMlFA,MAAA,aAAAA,CAAyC,aAAzCA,CAAyC,YAAzCA,CAAyC,aAAzCA,CAAyC,UAMzBA,MAAA,2DACJA,UAEJA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACPA,MAAA,aAAMA,QACtBA,MAAA,aAAAA,CAAuB,eAGmBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAErDnF,MAAA,oHAEJA,gBAKhBA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACPA,MAAA,aAAMA,QACtBA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAClDnF,MAAA,gKAA+BA,gBAKrDA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACPA,MAAA,aAAMA,QACtBA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,uKAAiCA,gBAKrDA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACPA,MAAA,aAAMA,QACtBA,MAAA,aAAAA,CAAuB,eAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,6GAAqBA,sBAQlDA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAG4FA,MAAA,0BAASkD,EAAA0B,OAAO,OAAO,GAC5H5E,MAAA,2MAA0CA,MAAA,cAChCA,yBA9DCA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAuF,GAAA,KAAArC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAuF,GAAA,KAAArC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,GAAA,KAAArC,EAAAK,SAcbvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,w1ZDnPFkF,CAA4B,2BEPzC1K,MAAA,+CACAA,MAAA,+BCMO,IAAM2K,GAAgB,MAAvB,MAAOA,EALbjJ,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WAIkB,SAHC+D,aAAaC,QAAQ,kBAKpCnE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,IAGbhE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAjBW8E,EAAgB,oCAAhBA,EAAgBhI,UAAA,kBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDP7BjD,MAAA,EAAA4K,GAAA,6BACA5K,MAAA,EAAA6K,GAAA,0CADsB7K,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMf8E,CAAgB,mJCAtB,IAAMG,GAAgB,MAAvB,MAAOA,EALbpJ,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGa0F,EAAgB,oCAAhBA,EAAgBnI,UAAA,kBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOhBxB,EAAoB,upCCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,cAAQA,UAEhBA,MAAA,UAAAA,CAA4B,SAA8BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAgBlHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,cAA2BA,MAAA,keAe3BA,UAGJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,iCACJA,QAEAA,MAAA,QAAAA,CAAI,WAAJA,CAAI,QACoBA,MAAA,mBAAYA,QAAIA,MAAA,gKAQbA,QAEvBA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,mBAAYA,QAAIA,MAAA,+NAOvBA,QAEbA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,iBAAUA,QAAIA,MAAA,6PASKA,QAEvCA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,sBAAeA,QAAIA,MAAA,sNAOvCA,YAKRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,8BAAuBA,QAE3BA,MAAA,QAAAA,CAAI,WAAJA,CAAI,QACoBA,MAAA,8BAAuBA,QAAIA,MAAA,0MAQ/CA,QAEAA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,uBAAgBA,QAAIA,MAAA,gMAI+BA,QAEvEA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,4BAAqBA,QAAIA,MAAA,kMAM7CA,YAIRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,2BAAoBA,QAExBA,MAAA,cAA2BA,MAAA,2LAMYA,QACvCA,MAAA,cAA2BA,MAAA,mUAS3BA,gBAMhBA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAKtBA,MAAA,2BACJA,UAcJA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cACkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACpDnF,MAAA,gCAAwBA,gBAO5CA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,+BAEzBA,gBAMhBA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,8BAAsBA,gBAM1CA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,oBAAaA,sBAWlEA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEwDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAI5E,MAAA,cAC/DA,MAAA,6BAC1CA,YAGJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBACyCA,MAAA,0BAASkD,EAAA0B,OAAO,WAAW,GAAG5E,MAAA,qBACnFA,MAAA,cAAyCA,yBAlE/BA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAc6CvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,GAAA,KAAApC,EAAAK,SAclBvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,GAAA,KAAArC,EAAAK,SAgB5CvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,KAMAxF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,00ZD1ONqF,CAAgB,mJEAtB,IAAMC,GAAqB,MAA5B,MAAOA,EALbrJ,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGa2F,EAAqB,oCAArBA,EAAqBpI,UAAA,wBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOrBxB,EAAoB,upCCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,qCAAMA,UAEdA,MAAA,UAAAA,CAA4B,SAA8BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAgBlHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAG9F/E,MAAA,cAA2BA,MAAA,ivEAO3BA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAG9F/E,MAAA,SACIA,MAAA,mHACJA,QAEAA,MAAA,QAAAA,CAAI,WAAJA,CAAI,QACoBA,MAAA,2BAAKA,QAAIA,MAAA,w9BAGXA,QAElBA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,qEAAYA,QAAIA,MAAA,mjCAGIA,QAExCA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,mDAASA,QAAIA,MAAA,8rCAG+BA,QAEhEA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,uCAAOA,QAAIA,MAAA,64BAG/BA,YAIRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,mFAAgBA,QAEpBA,MAAA,QAAAA,CAAI,WAAJA,CAAI,QACoBA,MAAA,8FAAiBA,QAAIA,MAAA,q/BAIzCA,QAEAA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,8FAAiBA,QAAIA,MAAA,m3BAG5BA,QAEbA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,kFAAeA,QAAIA,MAAA,u8BAIvCA,YAGRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,sIAA2BA,QAG/BA,MAAA,cAA2BA,MAAA,o8BAGjBA,QACVA,MAAA,cAA2BA,MAAA,igDAK3BA,gBAKhBA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAMtBA,MAAA,0DACJA,UAaJA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,mFAAeA,gBAMnCA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAGfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,6EACJA,gBAKhBA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAGfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,mFAAeA,gBAKnCA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAE8CA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAChFnF,MAAA,iEAAYA,sBAU5CA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGqDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAI5E,MAAA,cAC5DA,MAAA,6BAC1CA,YAEJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAEyCA,MAAA,0BAASkD,EAAA0B,OAAO,WAAW,GAAG5E,MAAA,+EACnFA,MAAA,cAAyCA,yBAnEcA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,GAAA,KAAApC,EAAAK,SAclBvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,GAAA,KAAArC,EAAAK,SAgB5CvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,KAMAxF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,g1ZDjMNsF,CAAqB,2BEPlC/K,MAAA,uCACAA,MAAA,uBCMO,IAAMgL,GAAoB,MAA3B,MAAOA,EALbtJ,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfWmF,EAAoB,oCAApBA,EAAoBrI,UAAA,uBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPjCjD,MAAA,EAAAiL,GAAA,qBACAjL,MAAA,EAAAkL,GAAA,kCADclL,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMPmF,CAAoB,+GCA1B,IAAMG,GAAoB,MAA3B,MAAOA,EALbzJ,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGa+F,EAAoB,oCAApBA,EAAoBxI,UAAA,sBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOpBxB,EAAoB,goCCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKAA,MAAA,mBAAaA,UAEtBA,MAAA,UAAAA,CAA4B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAgBjHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,cAA4BA,MAAA,kPAQhBA,QACZA,MAAA,cAA4BA,MAAA,qQASCA,UAEjCA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,qCAA8BA,QACnCA,MAAA,QAAAA,CAAI,WAAJA,CAAI,QACqBA,MAAA,kBAAWA,QAAKA,MAAA,0IAMrCA,QAEAA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,qBAAcA,QAAKA,MAAA,6UAUQA,QAEhDA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,sBAAeA,QAAKA,MAAA,2OAUZA,QAC7BA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,mBAAYA,QAAKA,MAAA,mPAUVA,QAE5BA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,kBAAWA,QAAKA,MAAA,+KAOIA,QACzCA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,qBAAcA,QAAKA,MAAA,8NAQxCA,YAGRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SACIA,MAAA,0BACJA,QACAA,MAAA,cAA4BA,MAAA,wMAKkBA,UAGlDA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SACIA,MAAA,4CACJA,QACAA,MAAA,eAA4BA,MAAA,6fAoB5BA,gBAKZA,MAAA,YAAAA,CAA2C,YAA3CA,CAA2C,WAA3CA,CAA2C,YAA3CA,CAA2C,SAK3BA,MAAA,2BACJA,UAcJA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,iCAAoBA,gBAMxCA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,oBAELA,gBAMhBA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,yBACQA,gBAM7BA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,kCAEYA,sBAUzCA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEwDA,MAAA,0BAASkD,EAAA0B,OAAO,YAAY,GAAI5E,MAAA,cAC5DA,MAAA,0BAC1CA,YAEJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBACwCA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GAAG5E,MAAA,oBACjFA,MAAA,cAAyCA,yBAxEnCA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAiBbvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAKAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,w3ZDxPF2F,CAAoB,+GEA1B,IAAMC,GAAyB,MAAhC,MAAOA,EALb1J,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGagG,EAAyB,oCAAzBA,EAAyBzI,UAAA,4BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOzBxB,EAAoB,goCCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKAA,MAAA,2CAAOA,UAEhBA,MAAA,UAAAA,CAA4B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAgBjHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAGlC/E,MAAA,cAA4BA,MAAA,4nCAGuBA,QAEnDA,MAAA,cAA4BA,MAAA,43CAIXA,UAErBA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,wHAAuBA,QAC5BA,MAAA,QAAAA,CAAI,WAAJA,CAAI,QACqBA,MAAA,4CAAOA,QAAKA,MAAA,ypBAGjCA,QAEAA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,+DAAWA,QAAKA,MAAA,4kDAKXA,QAE1BA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,oEAAWA,QAAKA,MAAA,4gCAGWA,QAEhDA,MAAA,WAAAA,CAAkB,QAAIA,MAAA,sEAAYA,QAAKA,MAAA,inCAIvCA,QAEAA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,4CAAOA,QAAKA,MAAA,kwBAE0BA,QAE3DA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,8DAAUA,QAAKA,MAAA,27BAIpCA,YAGRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SACIA,MAAA,4EACJA,QACAA,MAAA,cAA4BA,MAAA,8/BAK5BA,UAGJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SACIA,MAAA,gJACJA,QACAA,MAAA,eAA4BA,MAAA,glFAQ5BA,gBAKZA,MAAA,YAAAA,CAA2C,YAA3CA,CAA2C,WAA3CA,CAA2C,YAA3CA,CAA2C,SAK3BA,MAAA,0DACJA,UAaJA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,oFAAgBA,gBAKpCA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,6FACLA,gBAKhBA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,2EAAaA,gBAKlCA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,yFAAiBA,sBAS9CA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGkDA,MAAA,0BAASkD,EAAA0B,OAAO,YAAY,GAAI5E,MAAA,cACtDA,MAAA,gGAE1CA,YAEJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBACwCA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GAAG5E,MAAA,2CACjFA,MAAA,cAAyCA,yBAlEnCA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAebvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,o1ZDjMF4F,CAAyB,2BEPtCpL,MAAA,2CACAA,MAAA,2BCMO,IAAMqL,GAAyB,MAAhC,MAAOA,EALb3J,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfWwF,EAAyB,oCAAzBA,EAAyB1I,UAAA,4BAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPtCjD,MAAA,EAAAsL,GAAA,yBACAtL,MAAA,EAAAuL,GAAA,sCADkBvL,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMXwF,CAAyB,kHCA/B,IAAMG,GAAiB,MAAxB,MAAOA,EALb9J,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGaoG,EAAiB,oCAAjBA,EAAiB7I,UAAA,oBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOjBxB,EAAoB,g6ECdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKAA,MAAA,gBAAUA,UAEnBA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAgBhHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,cAA4BA,MAAA,wcAagCA,UAEhEA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SACIA,MAAA,8BACJA,QACAA,MAAA,eAA4BA,MAAA,+HAKgCA,QAC5DA,MAAA,YAAkBA,MAAA,mBAAYA,QAC9BA,MAAA,eAA4BA,MAAA,+KAKHA,QAEzBA,MAAA,YAAkBA,MAAA,uBAAgBA,QAClCA,MAAA,eAA4BA,MAAA,qKAObA,QAEfA,MAAA,YAAkBA,MAAA,oBAAaA,QAC/BA,MAAA,eAA4BA,MAAA,gKAOfA,QACbA,MAAA,YAAkBA,MAAA,yBAAkBA,QACpCA,MAAA,eAA4BA,MAAA,4LAKcA,QAE1CA,MAAA,YAAkBA,MAAA,uBAAgBA,QAClCA,MAAA,eAA4BA,MAAA,+KAKCA,QAC7BA,MAAA,YAAkBA,MAAA,kBAAWA,QAC7BA,MAAA,eAA4BA,MAAA,0IAI5BA,QAEAA,MAAA,YAAkBA,MAAA,yBAAkBA,QACpCA,MAAA,eAA4BA,MAAA,mKAO5BA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SACIA,MAAA,yEACJA,QACAA,MAAA,cAAAA,CAA4B,QAAKA,MAAA,eAAOA,QAAKA,MAAA,kGAA0FA,QACvIA,MAAA,QAAAA,CAAI,YAAJA,CAAI,SAGCA,MAAA,cAAAA,CAA4B,QAAKA,MAAA,eAAOA,QAAKA,MAAA,uJAA6IA,QAC/LA,MAAA,QAAAA,CAAI,YAAJA,CAAI,SAICA,MAAA,cAAAA,CAA4B,QAAKA,MAAA,eAAOA,QAAKA,MAAA,sLAE8EA,QAChIA,MAAA,QAAAA,CAAI,YAAJA,CAAI,SAICA,MAAA,cAAAA,CAA4B,QAAKA,MAAA,eAAOA,QAAKA,MAAA,mEAClDA,QACAA,MAAA,QAAAA,CAAI,YAAJA,CAAI,QAAJA,CAAI,YAAJA,CAAI,SAKCA,MAAA,cAAAA,CAA4B,QAAKA,MAAA,eAAOA,QAAKA,MAAA,+EAAwDA,QAC1GA,MAAA,QAAAA,CAAI,YAAJA,CAAI,QAAJA,CAAI,YAAJA,CAAI,SAICA,MAAA,cAAAA,CAA4B,QAAKA,MAAA,eAAOA,QAAKA,MAAA,+GAAwGA,QAC1JA,MAAA,QAAAA,CAAI,YAAJA,CAAI,QAAJA,CAAI,YAAJA,CAAI,SAKCA,MAAA,cAAAA,CAA4B,SAAKA,MAAA,gBAAOA,QAAKA,MAAA,6FAC/CA,QACHA,MAAA,SAAAA,CAAI,aAAJA,CAAI,SAAJA,CAAI,aAAJA,CAAI,UAKCA,MAAA,eAAAA,CAA4B,SAAKA,MAAA,gBAAOA,QAAKA,MAAA,iFAC/CA,QACHA,MAAA,SAAAA,CAAI,aAAJA,CAAI,SAAJA,CAAI,aAAJA,CAAI,SAAJA,CAAI,aAAJA,CAAI,SAAJA,CAAI,aAAJA,CAAI,SAAJA,CAAI,aAAJA,CAAI,UAWCA,MAAA,eAAAA,CAA4B,SAAKA,MAAA,gBAAOA,QAAKA,MAAA,qCAC/CA,QACHA,MAAA,SAAAA,CAAI,aAAJA,CAAI,SAAJA,CAAI,cAKRA,cAMRA,MAAA,aAAAA,CAA4C,aAA5CA,CAA4C,YAA5CA,CAA4C,aAA5CA,CAA4C,UAKxBA,MAAA,4BACJA,UAaJA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,8BAAqBA,gBAKzCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,8BAESA,gBAK9BA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,oCACiBA,sBAUlDA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEiDA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GAAI5E,MAAA,cACnDA,MAAA,wBAC1CA,YAGJA,MAAA,aAAAA,CAAyB,WAAzBA,CAAyB,iBAC6CA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAC5F5E,MAAA,yBACKA,MAAA,cAAyCA,yBAvD/BA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAgBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAgBjBvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,40ZDjQFgG,CAAiB,kHEAvB,IAAMC,GAAsB,MAA7B,MAAOA,EALb/J,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGaqG,EAAsB,oCAAtBA,EAAsB9I,UAAA,0BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOtBxB,EAAoB,g6ECdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKAA,MAAA,+CAAWA,UAEpBA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAgBhHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,cAA4BA,MAAA,g6EAO5BA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SACIA,MAAA,sHACJA,QACAA,MAAA,eAA4BA,MAAA,ylBAERA,QAEpBA,MAAA,YAAkBA,MAAA,4CAAOA,QACzBA,MAAA,eAA4BA,MAAA,oyBAEoBA,QAEhDA,MAAA,YAAkBA,MAAA,mDAASA,QAC3BA,MAAA,eAA4BA,MAAA,u0BAEkCA,QAE9DA,MAAA,YAAkBA,MAAA,mDAASA,QAC3BA,MAAA,eAA4BA,MAAA,uvBAEWA,QAEvCA,MAAA,YAAkBA,MAAA,uFAAeA,QACjCA,MAAA,eAA4BA,MAAA,8/BAGPA,QAErBA,MAAA,YAAkBA,MAAA,sHAAqBA,QACvCA,MAAA,eAA4BA,MAAA,+9BAGnBA,QAETA,MAAA,YAAkBA,MAAA,kDAAQA,QAC1BA,MAAA,eAA4BA,MAAA,8sBAG5BA,QAEAA,MAAA,YAAkBA,MAAA,8HAAwBA,QAC1CA,MAAA,eAA4BA,MAAA,k5BAG5BA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SACIA,MAAA,2SACJA,QACAA,MAAA,cAAAA,CAA4B,QAAKA,MAAA,6BAAMA,QAAIA,MAAA,iVAAuEA,QAClHA,MAAA,QAAAA,CAAI,YAAJA,CAAI,SAGCA,MAAA,cAAAA,CAA4B,QAAKA,MAAA,6BAAMA,QAAIA,MAAA,ywBAA0JA,QAC1MA,MAAA,QAAAA,CAAI,YAAJA,CAAI,SAICA,MAAA,cAAAA,CAA4B,QAAKA,MAAA,6BAAMA,QAAKA,MAAA,y0BAAyKA,QAC1NA,MAAA,QAAAA,CAAI,YAAJA,CAAI,SAICA,MAAA,cAAAA,CAA4B,QAAKA,MAAA,6BAAMA,QAAIA,MAAA,sPAChDA,QACAA,MAAA,QAAAA,CAAI,YAAJA,CAAI,QAAJA,CAAI,YAAJA,CAAI,SAKCA,MAAA,cAAAA,CAA4B,QAAKA,MAAA,6BAAMA,QAAKA,MAAA,8PAA6DA,QAC9GA,MAAA,QAAAA,CAAI,YAAJA,CAAI,QAAJA,CAAI,YAAJA,CAAI,SAICA,MAAA,cAAAA,CAA4B,QAAKA,MAAA,6BAAMA,QAAKA,MAAA,saAAqFA,QACtIA,MAAA,QAAAA,CAAI,YAAJA,CAAI,QAAJA,CAAI,YAAJA,CAAI,SAKCA,MAAA,cAAAA,CAA4B,SAAKA,MAAA,8BAAMA,QAAKA,MAAA,meAA8FA,QAC/IA,MAAA,SAAAA,CAAI,aAAJA,CAAI,SAAJA,CAAI,aAAJA,CAAI,UAKCA,MAAA,eAAAA,CAA4B,SAAKA,MAAA,8BAAMA,QAAKA,MAAA,sWAC9CA,QACHA,MAAA,SAAAA,CAAI,aAAJA,CAAI,SAAJA,CAAI,aAAJA,CAAI,SAAJA,CAAI,aAAJA,CAAI,SAAJA,CAAI,aAAJA,CAAI,SAAJA,CAAI,aAAJA,CAAI,UAWCA,MAAA,eAAAA,CAA4B,SAAKA,MAAA,8BAAMA,QAAKA,MAAA,iIAC9CA,QACHA,MAAA,SAAAA,CAAI,aAAJA,CAAI,SAAJA,CAAI,cAKRA,cAIRA,MAAA,aAAAA,CAA4C,aAA5CA,CAA4C,YAA5CA,CAA4C,aAA5CA,CAA4C,UAKxBA,MAAA,2DACJA,UAaJA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,yFAAoBA,gBAKxCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,iFAAkBA,gBAKvCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cAEnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,+IAA8BA,sBAU/DA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGgDA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GAAI5E,MAAA,cAClDA,MAAA,qDAC1CA,YAEJA,MAAA,aAAAA,CAAyB,WAAzBA,CAAyB,iBAE4CA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAC3F5E,MAAA,+EACKA,MAAA,cAAyCA,yBArD/BA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAgBjBvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,k1ZD9NFiG,CAAsB,2BEPnCzL,MAAA,yCACAA,MAAA,yBCMO,IAAM0L,GAAY,MAAnB,MAAOA,EALbhK,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfW6F,EAAY,oCAAZA,EAAY/I,UAAA,cAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPzBjD,MAAA,EAAA2L,GAAA,uBACA3L,MAAA,EAAA4L,GAAA,oCADgB5L,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMT6F,CAAY,8LCAlB,IAAMG,GAAuB,MAA9B,MAAOA,EALbnK,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGayG,EAAuB,oCAAvBA,EAAuBlJ,UAAA,0BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOvBxB,EAAoB,uqDCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKAA,MAAA,sBAAgBA,UAEzBA,MAAA,UAAAA,CAA4B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAGjHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC1CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,YAGIA,MAAA,gBAIJA,UAIJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,eAA6BA,MAAA,waAiBDA,QAC5BA,MAAA,eAA4BA,MAAA,qgCAmCbA,UAGnBA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,mCAA4BA,QACjCA,MAAA,eAA4BA,MAAA,sLAKQA,QAEpCA,MAAA,QAAAA,CAAI,WAAJA,CAAI,QACqBA,MAAA,4BACjBA,QAAIA,MAAA,4FAGuCA,QAE/CA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,0BAAmBA,QAAIA,MAAA,yPAUNA,QAEtCA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,4BAAqBA,QAAIA,MAAA,oIAOnCA,QAEXA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,iCAA0BA,QAAIA,MAAA,kRAWnDA,QAEAA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,wCACjBA,QAAIA,MAAA,oMAQRA,QAEAA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,wBAAiBA,QAAIA,MAAA,qLAOMA,kBAMhEA,MAAA,YAAAA,CAA2C,YAA3CA,CAA2C,WAA3CA,CAA2C,YAA3CA,CAA2C,SAK3BA,MAAA,2BACJA,UAGJA,MAAA,YAAAA,CAA6B,UAA7BA,CAA6B,WAA7BA,CAA6B,aAGMA,MAAA,aACPA,MAAA,YAAMA,QACtBA,MAAA,YAAAA,CAAuB,cAGmBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAErDnF,MAAA,wBAAgBA,gBAOpCA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,mCAA2BA,gBAM/CA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,mCAEeA,gBAMpCA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,kBAAUA,sBAWtCA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,YAAtBA,CAAsB,UAAtBA,CAAsB,gBAEsDA,MAAA,0BAASkD,EAAA0B,OAAO,cAAc,GAAI5E,MAAA,aAC5DA,MAAA,2BAC1CA,YAKJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBACsDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GACtG5E,MAAA,qBACKA,MAAA,cAAyCA,yBA/EnCA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAkBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAuF,GAAA,KAAArC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,GAAA,KAAArC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAwF,GAAA,KAAAtC,EAAAK,SAiBbvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,KAQAzF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAA+G,41ZDrPF8E,CAAuB,qLEA7B,IAAMC,GAA4B,MAAnC,MAAOA,EALbpK,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGa0G,EAA4B,oCAA5BA,EAA4BnJ,UAAA,gCAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAO5BxB,EAAoB,uqDCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKAA,MAAA,8DAAWA,UAEpBA,MAAA,UAAAA,CAA4B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAGjHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC1CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,YAGIA,MAAA,gBAIJA,UAGJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAElC/E,MAAA,eAA6BA,MAAA,6sEAMcA,QAC3CA,MAAA,eAA4BA,MAAA,s1KAenBA,UAEbA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,SAAKA,MAAA,+FAAkBA,QACvBA,MAAA,eAA4BA,MAAA,wxBAEkBA,QAE9CA,MAAA,QAAAA,CAAI,WAAJA,CAAI,QACsBA,MAAA,4EAAaA,QAAIA,MAAA,iYACoBA,QAE3DA,MAAA,WAAAA,CAAkB,QAAIA,MAAA,mFAAeA,QAAIA,MAAA,osCAInBA,QAEtBA,MAAA,WAAAA,CAAkB,QAAIA,MAAA,+FAAiBA,QAAIA,MAAA,8oBAEKA,QAEhDA,MAAA,WAAAA,CAAkB,QAAIA,MAAA,wHAAsBA,QAAIA,MAAA,y3CAKhDA,QAEAA,MAAA,WAAAA,CAAkB,QAAIA,MAAA,yKACNA,QAAIA,MAAA,2jCAIpBA,QAEAA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,kFAAeA,QAAIA,MAAA,+8BAGJA,kBAOpDA,MAAA,YAAAA,CAA2C,YAA3CA,CAA2C,WAA3CA,CAA2C,YAA3CA,CAA2C,SAK3BA,MAAA,0DACJA,UAEJA,MAAA,YAAAA,CAA6B,UAA7BA,CAA6B,WAA7BA,CAA6B,aAGMA,MAAA,aACPA,MAAA,YAAMA,QACtBA,MAAA,YAAAA,CAAuB,cAImBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAErDnF,MAAA,gEAAWA,gBAM/BA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAIkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,+HAAwBA,gBAK5CA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAIkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,oIAAyBA,gBAK9CA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aAEnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAGkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,yDAASA,sBAUrCA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,YAAtBA,CAAsB,UAAtBA,CAAsB,gBAGoDA,MAAA,0BAASkD,EAAA0B,OAAO,cAAc,GAAI5E,MAAA,aAC1DA,MAAA,6EAE1CA,YAEJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAE6CA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAG5E,MAAA,0EAE3FA,MAAA,cAAyCA,yBA5EnCA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAkBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAuF,GAAA,KAAArC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,GAAA,KAAArC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAwF,GAAA,KAAAtC,EAAAK,SAiBbvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,KAOAzF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAA+G,w1ZDnLF+E,CAA4B,2BEPzC9L,MAAA,+CACAA,MAAA,+BCMO,IAAM+L,GAAoB,MAA3B,MAAOA,EALbrK,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfWkG,EAAoB,oCAApBA,EAAoBpJ,UAAA,sBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPjCjD,MAAA,EAAAgM,GAAA,6BACAhM,MAAA,EAAAiM,GAAA,0CADsBjM,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMfkG,CAAoB,0GCA1B,IAAMG,GAAmB,MAA1B,MAAOA,EALbxK,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGa8G,EAAmB,oCAAnBA,EAAmBvJ,UAAA,qBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOnBxB,EAAoB,8nCCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKQA,MAAA,uBAAgBA,UAEzBA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAahHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,cAA2BA,MAAA,8HACyBA,UAIxDA,MAAA,aAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAAiBA,MAAA,6CAAsCA,QAEvDA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,iCAA4BA,QAAKA,MAAA,kIACyBA,QACxFA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,iCAA4BA,QAAIA,MAAA,8IAErDA,QACTA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,+BAA0BA,QAAKA,MAAA,+IAEjDA,QACZA,MAAA,aAAAA,CAA2B,QAAIA,MAAA,iCAA2BA,QAAIA,MAAA,gJAE7CA,UAGrBA,MAAA,aAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAAiBA,MAAA,uCAAgCA,QAEjDA,MAAA,aAAAA,CAA2B,QAAIA,MAAA,kCAA4BA,QAAIA,MAAA,0IAEhDA,QACfA,MAAA,aAAAA,CAA2B,QAAIA,MAAA,iCAA2BA,QAAIA,MAAA,2IAEjDA,QACbA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,+BAA0BA,QAAIA,MAAA,wIAE9CA,QACdA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,kCAA6BA,QAAIA,MAAA,0KAErBA,UAE9CA,MAAA,aAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAEIA,MAAA,+CAEJA,QAEAA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,+BAA0BA,QAAKA,MAAA,oIAC4BA,QAEzFA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,4CAAuCA,QAAIA,MAAA,oJAEhDA,QAEzBA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,+BAA0BA,QAAIA,MAAA,qLAEVA,QAElDA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,yBAAoBA,QAAIA,MAAA,kOAEoCA,QAE1FA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,gCAA2BA,QAAIA,MAAA,kLAEpBA,QAEzCA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,kCAA6BA,QAAIA,MAAA,iMAEQA,QAEvEA,MAAA,aAAAA,CAA2B,QAAIA,MAAA,gCAA0BA,QAAKA,MAAA,0KAErBA,QAEzCA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,gCAA2BA,QAAKA,MAAA,4KAEvBA,QAEvCA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,mCAA8BA,QAAKA,MAAA,iJAIjEA,gBAKhBA,MAAA,YAAAA,CAAyC,YAAzCA,CAAyC,WAAzCA,CAAyC,YAAzCA,CAAyC,SAKrBA,MAAA,2BACJA,UAGJA,MAAA,aAiBAA,MAAA,YAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA8DA,MAAA,aAAMA,QAC3FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,0BAAiBA,gBAM3DA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA8DA,MAAA,aAAMA,QAC3FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,sCAA6BA,gBAMvEA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA8DA,MAAA,aAAMA,QAC3FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,uBAAcA,gBAMxDA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA8DA,MAAA,aAAMA,QAC3FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAKnF,MAAA,6BAAoBA,sBAS5EA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEgDA,MAAA,cAChBA,MAAA,sBAC1CA,YAGRA,MAAA,aAAAA,CAAgD,WAAhDA,CAAgD,iBAEpCA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GAAE5E,MAAA,oBACtBA,MAAA,cAAyCA,yBA1DUA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAYAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAYAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAYAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAc9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,60ZD1LN0G,CAAmB,0GEAzB,IAAMC,GAAwB,MAA/B,MAAOA,EALbzK,cAMAG,KAAAwB,UAAoB,EAClBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGa+G,EAAwB,oCAAxBA,EAAwBxJ,UAAA,2BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOxBxB,EAAoB,8nCCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKQA,MAAA,iFAAgBA,UAEzBA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAahHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,cAA2BA,MAAA,8xBAA6JA,UAI5LA,MAAA,aAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAAiBA,MAAA,6LAAqCA,QAEtDA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,4FAAsBA,QAAKA,MAAA,6uBAAkJA,QAC3MA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,4HAA6BA,QAAKA,MAAA,wyBAA2JA,QAC3NA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,8DAAiBA,QAAKA,MAAA,yzBAA6JA,QACjNA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,kGAAuBA,QAAIA,MAAA,ouBAA+IA,UAG5MA,MAAA,aAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAAiBA,MAAA,gNAAyCA,QAE1DA,MAAA,aAAAA,CAA2B,QAAIA,MAAA,sFAAoBA,QAAIA,MAAA,0rBAAwIA,QAC/LA,MAAA,aAAAA,CAA2B,QAAIA,MAAA,6FAAsBA,QAAKA,MAAA,wqBAAoIA,QAC9LA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,+GAA0BA,QAAIA,MAAA,0pBAAiIA,QAC7LA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,uIAA+BA,QAAIA,MAAA,o5BAA8KA,UAEnPA,MAAA,aAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAEIA,MAAA,mOACJA,QAEAA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,gFAAoBA,QAAMA,MAAA,8wBAA0JA,QAElNA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,sJAAmCA,QAAKA,MAAA,0xBAA4JA,QAElOA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,yEAAkBA,QAAKA,MAAA,21BAAsKA,QAE3NA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,+GAA2BA,QAAIA,MAAA,wmCAAkOA,QAE/RA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,sFAAqBA,QAAKA,MAAA,m6BAAuLA,QAE/OA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,2FAAqBA,QAAKA,MAAA,u9BAA8LA,QAEtPA,MAAA,aAAAA,CAA2B,QAAIA,MAAA,kIAA8BA,QAAKA,MAAA,yzBAAkKA,QAEpOA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,4FAAuBA,QAAKA,MAAA,+6BAAyLA,QAEnPA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,0EAAmBA,QAAKA,MAAA,2yBAEtDA,gBAKhBA,MAAA,YAAAA,CAAyC,YAAzCA,CAAyC,WAAzCA,CAAyC,YAAzCA,CAAyC,SAKrBA,MAAA,yDACJA,UAGJA,MAAA,aAiBAA,MAAA,YAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA8DA,MAAA,aAAMA,QAC3FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,mFAAeA,gBAMzDA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA8DA,MAAA,aAAMA,QAC3FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,mHAAuBA,gBAMjEA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA8DA,MAAA,aAAMA,QAC3FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,wIAA6BA,gBAMvEA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA8DA,MAAA,aAAMA,QAC3FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAKnF,MAAA,oHAAuBA,sBAS/EA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEgDA,MAAA,cAChBA,MAAA,+CAC1CA,YAGRA,MAAA,aAAAA,CAAgD,WAAhDA,CAAgD,iBAEpCA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GAAE5E,MAAA,6DACtBA,MAAA,cAAyCA,yBA1DUA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAYAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAYAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAYAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAc9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,m1ZDxJN2G,CAAwB,2BEPrCnM,MAAA,0CACAA,MAAA,0BCMO,IAAMoM,GAAuB,MAA9B,MAAOA,EALb1K,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfWuG,EAAuB,oCAAvBA,EAAuBzJ,UAAA,0BAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPpCjD,MAAA,EAAAqM,GAAA,wBACArM,MAAA,EAAAsM,GAAA,qCADiBtM,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMVuG,CAAuB,iHCA7B,IAAMG,GAAc,MAArB,MAAOA,EALb7K,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGamH,EAAc,oCAAdA,EAAc5J,UAAA,gBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOdxB,EAAoB,wkCCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,iBAAWA,UAEnBA,MAAA,UAAAA,CAA2B,SAA8BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAcjHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,cAA2BA,MAAA,kRAGbA,UAGlBA,MAAA,aAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAAiBA,MAAA,qCAA8BA,QAE/CA,MAAA,aAAAA,CAA2B,QAAIA,MAAA,mCAA6BA,QAAIA,MAAA,yGACIA,QACpEA,MAAA,eAAcA,MAAA,kGACFA,QAGZA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,yCAAoCA,QAAKA,MAAA,uIAEzDA,QAGdA,MAAA,aAAAA,CAA2B,QAAIA,MAAA,kCAA4BA,QAAIA,MAAA,kIAC6BA,QAG5FA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,6BAAwBA,QAAIA,MAAA,4HACsBA,QAGhFA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,kCAA6BA,QAAKA,MAAA,yHACuBA,UAE3FA,MAAA,aAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YACIA,MAAA,qCACJA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,8BAAwBA,QAAIA,MAAA,iIACyBA,QACpFA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,gCAA0BA,QAAKA,MAAA,uHAG9DA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,8BAAyBA,QAAIA,MAAA,mHACkBA,QAE7EA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,4CAAuCA,QAAIA,MAAA,0GACKA,QAC9EA,MAAA,eAAcA,MAAA,uGACDA,gBAK7BA,MAAA,YAAAA,CAAyC,YAAzCA,CAAyC,WAAzCA,CAAyC,YAAzCA,CAAyC,SAKrBA,MAAA,2BACJA,UAGJA,MAAA,aAiBAA,MAAA,YAAAA,CAAwB,UAAxBA,CAAwB,WAAxBA,CAAwB,aAGWA,MAAA,aAA8DA,MAAA,YAAMA,QAC3FA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,oCAA4BA,gBAMtEA,MAAA,YAAAA,CAAwB,UAAxBA,CAAwB,WAAxBA,CAAwB,aAGWA,MAAA,aAA8DA,MAAA,YAAMA,QAC3FA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,sBAAcA,gBAMxDA,MAAA,YAAAA,CAAwB,UAAxBA,CAAwB,WAAxBA,CAAwB,aAGWA,MAAA,aAA8DA,MAAA,YAAMA,QAC3FA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,sCAA8BA,sBASpFA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,YAAtBA,CAAsB,UAAtBA,CAAsB,iBAEiDA,MAAA,cAC5CA,MAAA,wBACfA,YAGRA,MAAA,aAAAA,CAAgD,WAAhDA,CAAgD,iBACqBA,MAAA,6BACnDA,MAAA,cAAyCA,yBA7CUA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAYAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAYAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAc9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,w0ZD/IN+G,CAAc,iHEApB,IAAMC,GAAmB,MAA1B,MAAOA,EALb9K,cAOEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDAtGaoH,EAAmB,oCAAnBA,EAAmB7J,UAAA,sBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAQnBxB,EAAoB,wkCCfjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,oEAAYA,UAEpBA,MAAA,UAAAA,CAA2B,SAA8BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAcjHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,cAA2BA,MAAA,q6CAAgSA,UAG/TA,MAAA,aAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAAiBA,MAAA,+LAAwCA,QAEzDA,MAAA,aAAAA,CAA2B,QAAIA,MAAA,iIAA4BA,QAAKA,MAAA,mqBAAoIA,QACpMA,MAAA,eAAcA,MAAA,ufAAiGA,QAG/GA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,2HAA6BA,QAAKA,MAAA,wpBAAmIA,QAGnMA,MAAA,aAAAA,CAA2B,QAAIA,MAAA,6FAAuBA,QAAIA,MAAA,iqBAAmIA,QAG7LA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,4FAAsBA,QAAKA,MAAA,0rBAAuIA,QAGhMA,MAAA,aAAAA,CAA2B,QAAGA,MAAA,2JAAmCA,QAAKA,MAAA,6tBAAkJA,UAE5NA,MAAA,aAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YACIA,MAAA,sIACJA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,yEAAkBA,QAAKA,MAAA,8qBAErDA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,uIAA6BA,QAAIA,MAAA,+kBAEhEA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,+GAA0BA,QAAKA,MAAA,qpBAAgIA,QAE7LA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,uIAA8BA,QAAKA,MAAA,kiBAAuGA,QACxKA,MAAA,eAAcA,MAAA,qkBAAmHA,gBAKjJA,MAAA,YAAAA,CAAyC,YAAzCA,CAAyC,WAAzCA,CAAyC,YAAzCA,CAAyC,SAKrBA,MAAA,0DACJA,UAGJA,MAAA,aAiBAA,MAAA,YAAAA,CAAwB,UAAxBA,CAAwB,WAAxBA,CAAwB,aAGWA,MAAA,aAA8DA,MAAA,YAAMA,QAC3FA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,kHAAqBA,gBAM/DA,MAAA,YAAAA,CAAwB,UAAxBA,CAAwB,WAAxBA,CAAwB,aAGWA,MAAA,aAA8DA,MAAA,YAAMA,QAC3FA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,uIAA4BA,gBAMtEA,MAAA,YAAAA,CAAwB,UAAxBA,CAAwB,WAAxBA,CAAwB,aAGWA,MAAA,aAA8DA,MAAA,YAAMA,QAC3FA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,0KAAkCA,sBASvFA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,YAAtBA,CAAsB,UAAtBA,CAAsB,iBAEiDA,MAAA,cAC5CA,MAAA,yCACfA,YAGRA,MAAA,aAAAA,CAAgD,WAAhDA,CAAgD,iBACsBA,MAAA,kDACpDA,MAAA,cAAyCA,yBA7CUA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAYAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAYAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAc9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,80ZDlINgH,CAAmB,2BEPhCxM,MAAA,qCACAA,MAAA,qBCMO,IAAMyM,GAAkB,MAAzB,MAAOA,EALb/K,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfW4G,EAAkB,oCAAlBA,EAAkB9J,UAAA,qBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDP/BjD,MAAA,EAAA0M,GAAA,mBACA1M,MAAA,EAAA2M,GAAA,gCADY3M,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCML4G,CAAkB,yKCAxB,IAAMG,GAAkB,MAAzB,MAAOA,EALblL,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGawH,EAAkB,oCAAlBA,EAAkBjK,UAAA,oBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOlBxB,EAAoB,6rFCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,wBAAkBA,UAE1BA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CACxD,YACdA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GADjB5E,cAG9BA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAEIA,MAAA,gBAIJA,QACAA,MAAA,eAA2BA,MAAA,8QAG3BA,UAGJA,MAAA,aAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAAiBA,MAAA,qCAA8BA,QAC/CA,MAAA,eAAcA,MAAA,uJAC2CA,QAGzDA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,4BAAqBA,UACzCA,MAAA,eAAcA,MAAA,gKAC2DA,QACzEA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aAEJA,UAGJA,MAAA,eAA2BA,MAAA,kDAA2CA,QACtEA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aAEJA,UA4BJA,MAAA,YAAAA,CAAsB,QAAtBA,CAAsB,QACXA,MAAA,+BAAwBA,UAC/BA,MAAA,eACIA,MAAA,oNAEiCA,QACrCA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eAA2BA,MAAA,8DAAuDA,QAClFA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eAA2BA,MAAA,wCAAiCA,QAC5DA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eAA2BA,MAAA,oFAA6EA,QACxGA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eAA2BA,MAAA,+DAAwDA,QACnFA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,YAKRA,MAAA,YAAAA,CAAsB,QAAtBA,CAAsB,QACXA,MAAA,4BAAqBA,UAC5BA,MAAA,eACIA,MAAA,8GAAsGA,QAC1GA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,YAIRA,MAAA,YAAAA,CAAsB,QAAtBA,CAAsB,QACXA,MAAA,iCAA0BA,UACjCA,MAAA,eACIA,MAAA,yFAAkFA,QACtFA,MAAA,WAAAA,CAAkB,aAEVA,MAAA,aACJA,QAEAA,MAAA,eACIA,MAAA,wFAAkFA,QACtFA,MAAA,aACIA,MAAA,aACJA,QAEAA,MAAA,eACIA,MAAA,mEAA4DA,QAChEA,MAAA,aACIA,MAAA,aACJA,QAEAA,MAAA,eACIA,MAAA,mGAA4FA,QAChGA,MAAA,aACIA,MAAA,aACJA,QAEAA,MAAA,eACIA,MAAA,yFAAiFA,QACrFA,MAAA,aACIA,MAAA,aACJA,YAIRA,MAAA,YAAAA,CAAsB,QAAtBA,CAAsB,SACXA,MAAA,sCAA8BA,UACrCA,MAAA,gBACIA,MAAA,oEAA2DA,QAC/DA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,UAEJA,MAAA,gBACIA,MAAA,sDAA6CA,QACjDA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,YAKRA,MAAA,aAAAA,CAAsB,SAAtBA,CAAsB,SACXA,MAAA,iCAAyBA,UAChCA,MAAA,gBACIA,MAAA,iKAAyJA,QAC7JA,MAAA,aAUJA,gBAKhBA,MAAA,aAAAA,CAA0C,aAA1CA,CAA0C,YAA1CA,CAA0C,aAA1CA,CAA0C,UAKtBA,MAAA,4BACJA,UAGJA,MAAA,aAAAA,CAAuB,WAAvBA,CAAuB,YAAvBA,CAAuB,cAGYA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,uCAA8BA,gBAMlDA,MAAA,aAAAA,CAAuB,WAAvBA,CAAuB,YAAvBA,CAAuB,cAGYA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,mCACzBA,sBAY5BA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAQiEA,MAAA,cAC5DA,MAAA,gCACfA,YAIRA,MAAA,aAAAA,CAAwC,WAAxCA,CAAwC,iBACqCA,MAAA,0BAASkD,EAAA0B,OAAO,WAAW,GAC5F5E,MAAA,4BACAA,MAAA,cAAyCA,yBA/CgBA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAuF,GAAA,KAAArC,EAAAK,SAwB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAwF,KAOAxF,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAyF,s1ZD9PNmH,CAAkB,+IEAxB,IAAMC,GAAwB,MAA/B,MAAOA,EALbnL,cAOEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDAtGayH,EAAwB,oCAAxBA,EAAwBlK,UAAA,2BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAQxBxB,EAAoB,u7ECfjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,0HAAsBA,UAE9BA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAGhHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAEIA,MAAA,gBAIJA,QACAA,MAAA,eAA2BA,MAAA,q4CAAqRA,UAGpTA,MAAA,aAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAAiBA,MAAA,kKAA+BA,QAChDA,MAAA,eAAeA,MAAA,uUAAiEA,QAGhFA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,yEAAgBA,UACpCA,MAAA,eAAcA,MAAA,wwBAA2JA,QACzKA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eAA2BA,MAAA,4QAAmDA,QAC9EA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eAA2BA,MAAA,6aAAuFA,QAClHA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eAA2BA,MAAA,wKAA+BA,QAC1DA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAEJA,MAAA,eACIA,MAAA,mUACJA,QACAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,UAEJA,MAAA,YAAAA,CAAsB,QAAtBA,CAAsB,QACXA,MAAA,oHAAwBA,UAC/BA,MAAA,eACIA,MAAA,4wBAAyJA,QAC7JA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,YAGRA,MAAA,YAAAA,CAAsB,QAAtBA,CAAsB,QACXA,MAAA,sFAAmBA,UAC1BA,MAAA,eACIA,MAAA,geAA6FA,QACjGA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,YAIRA,MAAA,YAAAA,CAAsB,QAAtBA,CAAsB,QACXA,MAAA,8GAAuBA,UAC9BA,MAAA,eACIA,MAAA,w1CAAgRA,QACpRA,MAAA,WAAAA,CAAkB,aAEVA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,YAIRA,MAAA,YAAAA,CAAuB,QAAvBA,CAAuB,QACXA,MAAA,gIAA0BA,UAClCA,MAAA,eACIA,MAAA,u/CAA2SA,QAC/SA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,YAGRA,MAAA,YAAAA,CAAuB,QAAvBA,CAAuB,QACXA,MAAA,iIAA2BA,UACnCA,MAAA,gBACIA,MAAA,qgBAAwGA,QAC5GA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cACJA,QACAA,MAAA,cACIA,MAAA,cACJA,oBAOxBA,MAAA,aAAAA,CAA0C,aAA1CA,CAA0C,YAA1CA,CAA0C,aAA1CA,CAA0C,UAKtBA,MAAA,4DACJA,UAGJA,MAAA,aAAAA,CAAuB,WAAvBA,CAAuB,YAAvBA,CAAuB,cAGYA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,oKAA8BA,gBAMlDA,MAAA,aAAAA,CAAuB,WAAvBA,CAAuB,YAAvBA,CAAuB,cAGYA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,mKACzBA,sBAY5BA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEkDA,MAAA,cAClBA,MAAA,gDAC1CA,YAGRA,MAAA,aAAAA,CAAgD,WAAhDA,CAAgD,iBAEpCA,MAAA,0BAASkD,EAAA0B,OAAO,mBAAmB,GAAE5E,MAAA,2EAC/BA,MAAA,cAAyCA,yBAxCUA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAuF,GAAA,KAAArC,EAAAK,SAkB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAwF,KAMAxF,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAyF,61ZDvLNoH,CAAwB,2BEPrC7M,MAAA,yCACAA,MAAA,0BCMO,IAAM8M,GAAuB,MAA9B,MAAOA,EALbpL,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfWiH,EAAuB,oCAAvBA,EAAuBnK,UAAA,0BAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPpCjD,MAAA,EAAA+M,GAAA,uBACA/M,MAAA,EAAAgN,GAAA,qCADgBhN,MAAA,OAAAkD,EAAA0C,SACO5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMViH,CAAuB,wJCA7B,IAAMG,GAAe,MAAtB,MAAOA,EALbvL,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAEpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GAvDZG,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDAjGa6H,EAAe,oCAAfA,EAAetK,UAAA,kBAAAE,MAAA,IAAAC,KAAA,GAAAC,OAAA,+pDAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,ICP5BjD,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAMOA,MAAA,6BAAsBA,UAE9BA,MAAA,UAAAA,CAA2B,cAA0BA,MAAA,WACbA,UAExCA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAEIA,MAAA,eAIJA,UAEJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,8BAAuBA,QAC3BA,MAAA,eAA2BA,MAAA,sRAGCA,UAEhCA,MAAA,aAA8BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAEhG/E,MAAA,SAAIA,MAAA,yBAAkBA,QACtBA,MAAA,eAA2BA,MAAA,+JAC6DA,QAExFA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,mBAAYA,UAChCA,MAAA,eAAcA,MAAA,6MAEaA,QAE3BA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,6BAAsBA,UAC1CA,MAAA,eAAcA,MAAA,2KAC4EA,QAE1FA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,6BAAsBA,UAC1CA,MAAA,eAAcA,MAAA,kNAEkBA,QAEhCA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,+BAAwBA,UAC5CA,MAAA,eAAeA,MAAA,gNAEYA,UAE/BA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,iCACJA,QACAA,MAAA,eAAcA,MAAA,gVAG0CA,QAExDA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,qBAAcA,UAClCA,MAAA,eAAcA,MAAA,gJACyCA,QAEvDA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,sCAA+BA,UACnDA,MAAA,eAAcA,MAAA,0JACsDA,QAEpEA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,kCAA2BA,UAC/CA,MAAA,eAAcA,MAAA,uKACmEA,QAEjFA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,sCAA+BA,UACnDA,MAAA,eAAcA,MAAA,yHACoBA,UAGtCA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,2BAAoBA,QACxBA,MAAA,eAAcA,MAAA,6KACuEA,QAErFA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,wBAAiBA,UACrCA,MAAA,eAAcA,MAAA,yEAAkEA,QAEhFA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,8BAAuBA,UAC3CA,MAAA,eAAcA,MAAA,6JACgEA,QAG9EA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,sBAAeA,UACnCA,MAAA,eAAcA,MAAA,kIACgCA,QAG9CA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,0BAAmBA,UACvCA,MAAA,eAAcA,MAAA,qIAC6BA,QAG3CA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,gCAAyBA,UAC7CA,MAAA,eAAcA,MAAA,4IAC0CA,QAGxDA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,uCAA+BA,UACnDA,MAAA,gBAAcA,MAAA,8IACsCA,QAGpDA,MAAA,YAAAA,CAAiB,SAAGA,MAAA,qCAA6BA,UACjDA,MAAA,gBAAcA,MAAA,iHACUA,QAGxBA,MAAA,YAAAA,CAAiB,SAAGA,MAAA,0CAAkCA,UACtDA,MAAA,gBAAcA,MAAA,qJAC4CA,gBAM1EA,MAAA,aAAAA,CAAyC,aAAzCA,CAAyC,YAAzCA,CAAyC,aAAzCA,CAAyC,UAKrBA,MAAA,4BACJA,UAGJA,MAAA,cAiBAA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA4DA,MAAA,cACnFA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,+BAAsBA,gBAMhEA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA4DA,MAAA,cACnFA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,6BAAoBA,gBAMxCA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA4DA,MAAA,cACnFA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,uBAAeA,gBAMxDA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA4DA,MAAA,cACnFA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,4BAAoBA,gBAM7DA,MAAA,aAAAA,CAA4B,YAA5BA,CAA4B,cAGGA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAsB,WAAtBA,CAAsB,eAGVA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,yBAAgBA,YAG5BA,MAAA,aAAAA,CAAsB,YAC0BA,MAAA,cACvBA,oBAQ7CA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGNA,MAAA,0BAASkD,EAAA0B,OAAO,mBAAmB,GAAG5E,MAAA,cAAwCA,MAAA,kCAExEA,YAElBA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAC8CA,MAAA,0BACtDA,MAAA,cAAyCA,yBAhFUA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAaAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAaAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAcDvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,GAAA,KAAArC,EAAAK,SAmB7DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,KAMAxF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,w0ZDvONwH,CAAe,wJEArB,IAAMC,GAAoB,MAA3B,MAAOA,EALbxL,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAEpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GAvDZG,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDAjGa8H,EAAoB,oCAApBA,EAAoBvK,UAAA,uBAAAE,MAAA,IAAAC,KAAA,GAAAC,OAAA,oqDAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,ICPjCjD,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,sFAAeA,UAEvBA,MAAA,UAAAA,CAA2B,cAA0BA,MAAA,WAA8DA,UAEnHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC9CkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,YAGIA,MAAA,eAIJA,UAEAA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,wFAAgBA,QACpBA,MAAA,eAA2BA,MAAA,qxCAA+PA,UAE9RA,MAAA,aAA8BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAEhG/E,MAAA,SAAIA,MAAA,0GAAoBA,QACxBA,MAAA,eAA2BA,MAAA,0wBAAuJA,QAElLA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,kDAAQA,UAC5BA,MAAA,eAAcA,MAAA,mlCAA4NA,QAE1OA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,kIAAwBA,UAC5CA,MAAA,eAAcA,MAAA,y7BAA0LA,QAExMA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,uFAAeA,UACnCA,MAAA,eAAcA,MAAA,8oCAAgOA,QAE9OA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,4EAAcA,UAClCA,MAAA,eAAcA,MAAA,y1BAA0KA,UAE5LA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,+HACJA,QACAA,MAAA,eAAcA,MAAA,4hDAAmTA,QAEjUA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,uFAAeA,UACnCA,MAAA,eAAcA,MAAA,g0BAAqKA,QAEnLA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,qLAAkCA,UACtDA,MAAA,eAAcA,MAAA,kzBAAiKA,QAE/KA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,gHAAoBA,UACxCA,MAAA,eAAcA,MAAA,23BAA+KA,QAE7LA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,gKAAiCA,UACrDA,MAAA,eAAcA,MAAA,2pBAAkIA,UAGpJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,mKAA+BA,QACnCA,MAAA,eAAcA,MAAA,+2BAA4KA,QAE1LA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,iFAAeA,UACnCA,MAAA,eAAcA,MAAA,wcAAyFA,QAEvGA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,wFAAgBA,UACpCA,MAAA,eAAcA,MAAA,kkCAAqNA,QAGnOA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,6FAAgBA,UACpCA,MAAA,eAAcA,MAAA,8rBAAuIA,QAGrJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,mGAAkBA,UACtCA,MAAA,eAAcA,MAAA,s1BAAuKA,QAGrLA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,sHAAqBA,UACzCA,MAAA,eAAcA,MAAA,6pBAAoIA,QAGlJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,0LAAiCA,UACrDA,MAAA,gBAAcA,MAAA,g2BAAsKA,QAGpLA,MAAA,YAAAA,CAAiB,SAAGA,MAAA,6JAA6BA,UACjDA,MAAA,gBAAcA,MAAA,yqBAAqIA,QAGnJA,MAAA,YAAAA,CAAiB,SAAGA,MAAA,iMAAmCA,UACvDA,MAAA,gBAAcA,MAAA,m3BAA0KA,gBAMxMA,MAAA,aAAAA,CAAyC,aAAzCA,CAAyC,YAAzCA,CAAyC,aAAzCA,CAAyC,UAKrBA,MAAA,4DACJA,UAGJA,MAAA,cAiBAA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA8DA,MAAA,aAAMA,QAC3FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,0FAAkBA,gBAM5DA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA8DA,MAAA,aAAMA,QAC3FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,4GAAqBA,gBAMzCA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA8DA,MAAA,aAAMA,QAC3FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,yFAAkBA,gBAM3DA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA8DA,MAAA,aAAMA,QAC3FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,oKAA+BA,gBAMxEA,MAAA,aAAAA,CAA4B,YAA5BA,CAA4B,cAGGA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAsB,WAAtBA,CAAsB,eAIVA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,kFAAaA,YAGzBA,MAAA,aAAAA,CAAsB,YAC0BA,MAAA,cAChBA,oBAQpDA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEsDA,MAAA,0BAASkD,EAAA0B,OAAO,mBAAmB,GACjG5E,MAAA,cAAwCA,MAAA,uGAEpCA,YAEdA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBACiDA,MAAA,oEAC7DA,MAAA,cAAyCA,yBA9EcA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAYAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAaAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAYAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAeDvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAuF,GAAA,KAAArC,EAAAK,SAmB7DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,KAMAxF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,60ZD1MNyH,CAAoB,2BEPjClN,MAAA,uCACAA,MAAA,sBCMO,IAAMmN,GAAmB,MAA1B,MAAOA,EALbzL,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfWsH,EAAmB,oCAAnBA,EAAmBxK,UAAA,sBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPhCjD,MAAA,EAAAoN,GAAA,qBACApN,MAAA,EAAAqN,GAAA,iCADcrN,MAAA,OAAAkD,EAAA0C,SACK5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMNsH,CAAmB,qHCAzB,IAAMG,GAAiB,MAAxB,MAAOA,EALb5L,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGakI,EAAiB,oCAAjBA,EAAiB3K,UAAA,mBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOjBxB,EAAoB,q6BCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,sBAAgBA,UAExBA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAGhHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAQzF/E,MAAA,cAA2BA,MAAA,gMAAyLA,QAGrNA,MAAA,WAAAA,CAAiB,WAAjBA,CAAiB,QACKA,MAAA,qCAAgCA,QAAIA,MAAA,oNAA6MA,QACtQA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,gCAA2BA,QAAIA,MAAA,wLAAiLA,QACrOA,MAAA,WAAAA,CAAkB,QAAIA,MAAA,4BAAsBA,QAAIA,MAAA,yIAAkIA,QAClLA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,6CAAwCA,QAAIA,MAAA,8KAAuKA,QACxOA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,0CAAsCA,QAAIA,MAAA,6KAAsKA,QACrOA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,gDAA2CA,QAAKA,MAAA,qLAA6KA,QAClPA,MAAA,WAAAA,CAAkB,QAAIA,MAAA,mCAA6BA,QAAIA,MAAA,kIAA2HA,QAClLA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,2BAAuBA,QAAIA,MAAA,kKAEhDA,QACAA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,gCAA4BA,QAAIA,MAAA,8IAErDA,QACAA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,4BAAuBA,QAAIA,MAAA,0JAAmJA,QACnMA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,wCAAmCA,QAAKA,MAAA,6IAE7DA,kBAQhBA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAKtBA,MAAA,2BACJA,UAGJA,MAAA,YAAAA,CAAuB,UAAvBA,CAAuB,WAAvBA,CAAuB,aAGYA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,wBAAgBA,sBAchDA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,YAAtBA,CAAsB,UAAtBA,CAAsB,gBAEgDA,MAAA,aAChBA,MAAA,oBAC1CA,YAGRA,MAAA,YAAAA,CAAgD,UAAhDA,CAAgD,gBAEpCA,MAAA,0BAASkD,EAAA0B,OAAO,kBAAkB,GAAE5E,MAAA,2BAC9BA,MAAA,aAAyCA,yBA5BUA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAoB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAwF,20ZDjFN8H,CAAiB,kHEAvB,IAAMC,GAAsB,MAA7B,MAAOA,EALb7L,cAOEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDAtGamI,EAAsB,oCAAtBA,EAAsB5K,UAAA,yBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAQtBxB,EAAoB,q6BCfjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,oGAAmBA,UAE3BA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAGhHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAQzF/E,MAAA,cAA2BA,MAAA,8jCAAuNA,QAGnPA,MAAA,WAAAA,CAAiB,WAAjBA,CAAiB,QACMA,MAAA,4HAA6BA,QAAIA,MAAA,0pCAAuOA,QAC9RA,MAAA,WAAAA,CAAkB,QAAIA,MAAA,mGAAwBA,QAAIA,MAAA,67BAAyLA,QAC3OA,MAAA,WAAAA,CAAkB,QAAIA,MAAA,uFAAqBA,QAAIA,MAAA,u2BAA0KA,QACzNA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,qMAA0CA,QAAKA,MAAA,g+BAAkMA,QACtQA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,+GAA2BA,QAAKA,MAAA,+6BAAyLA,QAC9OA,MAAA,WAAAA,CAAkB,QAAIA,MAAA,sMAA0CA,QAAMA,MAAA,29BAAkMA,QACxQA,MAAA,WAAAA,CAAkB,QAAIA,MAAA,4FAA0BA,QAAKA,MAAA,+qBAErDA,QACAA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,4FAAuBA,QAAIA,MAAA,wzBAAkKA,QAClNA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,sFAAsBA,QAAKA,MAAA,8oBAAmIA,QACnLA,MAAA,WAAAA,CAAkB,QAAGA,MAAA,sFAAsBA,QAAIA,MAAA,81BAA0KA,QACzNA,MAAA,WAAAA,CAAkB,QAAIA,MAAA,oKAAsCA,QAAMA,MAAA,2tBAA+IA,kBAQjOA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAKtBA,MAAA,2DACJA,UAGJA,MAAA,YAAAA,CAAuB,UAAvBA,CAAuB,WAAvBA,CAAuB,aAGYA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,sGAAmBA,sBAcnDA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,YAAtBA,CAAsB,UAAtBA,CAAsB,gBAEqDA,MAAA,aACrBA,MAAA,4EAC1CA,YAGRA,MAAA,YAAAA,CAAgD,UAAhDA,CAAgD,gBAEpCA,MAAA,0BAASkD,EAAA0B,OAAO,kBAAkB,GAAE5E,MAAA,oCAC9BA,MAAA,aAAyCA,yBA5BUA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAoB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAwF,21ZD7EN+H,CAAsB,2BEPnCvN,MAAA,wCACAA,MAAA,wBCMO,IAAMwN,GAAqB,MAA5B,MAAOA,EALb9L,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfW2H,EAAqB,oCAArBA,EAAqB7K,UAAA,wBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPlCjD,MAAA,EAAAyN,GAAA,sBACAzN,MAAA,EAAA0N,GAAA,mCADe1N,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMR2H,CAAqB,4GCA3B,IAAMG,GAAgB,MAAvB,MAAOA,EALbjM,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDAzGauI,EAAgB,oCAAhBA,EAAgBhL,UAAA,kBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOhBxB,EAAoB,6yCCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,cAAQA,UAEhBA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAchHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAG9F/E,MAAA,WAAkBA,MAAA,yBAAiBA,QACnCA,MAAA,eAAcA,MAAA,sQAE+DA,UAGjFA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,YAAiBA,MAAA,qCAA8BA,QAC/CA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,qBAAeA,QAAIA,MAAA,iHACYA,QAC9DA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,0BAAoBA,QAAIA,MAAA,yIACmCA,QAC1FA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,uBAAkBA,QAAKA,MAAA,8IAE1CA,QACXA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,wBAAkBA,QAAIA,MAAA,sIACoCA,QACzFA,MAAA,eAA2BA,MAAA,gQAE2DA,UAE1FA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,YAAiBA,MAAA,qCAA8BA,QAC/CA,MAAA,eAAcA,MAAA,8SAGWA,QAGzBA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,iCAA2BA,QAAKA,MAAA,kHACYA,QAC3EA,MAAA,eAAcA,MAAA,sJACkDA,QAEhEA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,8BAAwBA,QAAIA,MAAA,+GACUA,QACrEA,MAAA,eAAcA,MAAA,qJAC+CA,QAE7DA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,yBAAmBA,QAAIA,MAAA,gGACRA,QAC9CA,MAAA,eAAcA,MAAA,uHACeA,QAE7BA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,qCAA+BA,QAAIA,MAAA,yHACoBA,QACtFA,MAAA,eAAcA,MAAA,iJACqDA,QAEnEA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,+BAA0BA,QAAIA,MAAA,mHACkBA,QAC9EA,MAAA,eAAcA,MAAA,0IACmCA,QAEjDA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,gCAA0BA,QAAIA,MAAA,kHACWA,QACxEA,MAAA,eAAcA,MAAA,8IACyCA,QAEvDA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,4BAAuBA,QAAIA,MAAA,4JAEnCA,QACtBA,MAAA,eAAcA,MAAA,yGACKA,QAEnBA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,6BAAwBA,QAAIA,MAAA,yGACUA,QACpEA,MAAA,eAAcA,MAAA,oFAA6EA,UAG/FA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,YAAiBA,MAAA,mCAAuBA,QACxCA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,0CAAoCA,QAAIA,MAAA,qIAE1DA,QACbA,MAAA,eAAcA,MAAA,kJAC6CA,QAG3DA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,iCAA2BA,QAAKA,MAAA,8FACJA,QAC1DA,MAAA,gBAAcA,MAAA,uIAC+BA,QAG7CA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,kCAA4BA,QAAKA,MAAA,2JAE5CA,QACnBA,MAAA,gBAAcA,MAAA,2HACuBA,QAGrCA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,iCAA2BA,QAAIA,MAAA,uFAChBA,QAC7CA,MAAA,gBAAcA,MAAA,kJAC4CA,QAG1DA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,wCAAkCA,QAAIA,MAAA,2EACnBA,QACjDA,MAAA,gBAAcA,MAAA,iIACgCA,UAElDA,MAAA,cAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,aAAoBA,MAAA,gCAAuBA,QAE3CA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,wCAAkCA,QAAIA,MAAA,gIAAwHA,QAC5LA,MAAA,eAAAA,CAA2B,SAAIA,MAAA,0CAAmCA,QAAKA,MAAA,sIAA6HA,QACpMA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,8BAAwBA,QAAIA,MAAA,sIAA8HA,QACxLA,MAAA,eAAAA,CAA2B,SAAIA,MAAA,oCAA6BA,QAAIA,MAAA,4IAAoIA,QACpMA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,mCAA8BA,QAAIA,MAAA,oIAA4HA,gBAM5MA,MAAA,aAAAA,CAA0C,aAA1CA,CAA0C,YAA1CA,CAA0C,aAA1CA,CAA0C,UAKtBA,MAAA,4BACJA,UAGJA,MAAA,cAgBAA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEnBnF,MAAA,2BACJA,gBAOhBA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEnBnF,MAAA,uBACJA,gBAOhBA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEnBnF,MAAA,2BACJA,gBAOhBA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEnBnF,MAAA,sCACJA,gBAOhBA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,6BACJA,sBAU5BA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEmDA,MAAA,cACnBA,MAAA,4BAC1CA,YAGRA,MAAA,aAAAA,CAAgD,WAAhDA,CAAgD,iBAEpCA,MAAA,0BAASkD,EAAA0B,OAAO,kBAAkB,GAAE5E,MAAA,wBAC9BA,MAAA,cAAyCA,yBA7FUA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAiB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,00ZDpQNmI,CAAgB,4GEAtB,IAAMC,GAAqB,MAA5B,MAAOA,EALblM,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDAzGawI,EAAqB,oCAArBA,EAAqBjL,UAAA,wBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOrBxB,EAAoB,6yCCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,+BAAOA,UAEfA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAchHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAG9F/E,MAAA,WAAkBA,MAAA,wEAAeA,QACjCA,MAAA,eAAcA,MAAA,u6CAA6RA,UAG/SA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,YAAiBA,MAAA,yPAAqDA,QACtEA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,uDAAcA,QAAKA,MAAA,ueAA+FA,QACjJA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,4CAAaA,QAAIA,MAAA,0mBAA0HA,QAC1KA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,qCAAYA,QAAKA,MAAA,wmBACpCA,QACXA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,0EAAkBA,QAAIA,MAAA,ogBAAwGA,QAC7JA,MAAA,eAA2BA,MAAA,s5CAAsRA,UAErTA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,YAAiBA,MAAA,0PAAgDA,QACjEA,MAAA,eAAcA,MAAA,mhDAAqTA,QAGnUA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,iGAAsBA,QAAMA,MAAA,4lBAAqHA,QAC/KA,MAAA,eAAcA,MAAA,gwBAAuJA,QAErKA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,yGAAwBA,QAAIA,MAAA,miBAA8GA,QACzKA,MAAA,eAAcA,MAAA,8uBAAoJA,QAElKA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,yGAA0BA,QAAIA,MAAA,mhBAAwGA,QACpKA,MAAA,eAAcA,MAAA,8pBAAqIA,QAEnJA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,kFAAqBA,QAAKA,MAAA,mnBAA6HA,QACtLA,MAAA,eAAcA,MAAA,4rBAA0IA,QAExJA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,qHAA2BA,QAAKA,MAAA,oqBAAsIA,QACpMA,MAAA,eAAcA,MAAA,+sBAA8IA,QAE5JA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,sFAAoBA,QAAKA,MAAA,wlBAAqHA,QAC7KA,MAAA,eAAcA,MAAA,0wBAAuJA,QAErKA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,0EAAmBA,QAAKA,MAAA,+3BAAiLA,QACvOA,MAAA,eAAcA,MAAA,qiBAA2GA,QAEzHA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,sIAA8BA,QAAIA,MAAA,6dAA+FA,QAC/JA,MAAA,eAAeA,MAAA,qbAAqFA,UAGxGA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,YAAiBA,MAAA,4KAAmCA,QACpDA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,gHAA0BA,QAAIA,MAAA,8oBAA+HA,QAC5LA,MAAA,eAAcA,MAAA,grBAAwIA,QAGtJA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,uFAAqBA,QAAMA,MAAA,icAAqFA,QAC9IA,MAAA,gBAAcA,MAAA,qpBAAgIA,QAG9IA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,6FAAsBA,QAAMA,MAAA,kwBAAuJA,QACjNA,MAAA,gBAAcA,MAAA,qkBAAiHA,QAG/HA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,4HAA6BA,QAAIA,MAAA,6cAAwFA,QACvJA,MAAA,gBAAcA,MAAA,qrBAAuIA,QAGrJA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,oGAAyBA,QAAKA,MAAA,gSAAsDA,QAClHA,MAAA,gBAAeA,MAAA,0qBAAqIA,UAExJA,MAAA,cAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,aAAmBA,MAAA,gIAAyBA,QAE5CA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,mIAA8BA,QAAKA,MAAA,srBAAuIA,QACxMA,MAAA,eAAAA,CAA2B,SAAIA,MAAA,4JAAkCA,QAAKA,MAAA,klBAAmHA,QACzLA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,kIAA6BA,QAAKA,MAAA,2iBAA0GA,QAC1KA,MAAA,eAAAA,CAA2B,SAAIA,MAAA,4EAAmBA,QAAKA,MAAA,kqBAAkIA,QACzLA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,8IAAgCA,QAAIA,MAAA,ouBAA8IA,gBAMhOA,MAAA,aAAAA,CAA0C,aAA1CA,CAA0C,YAA1CA,CAA0C,aAA1CA,CAA0C,UAKtBA,MAAA,2DACJA,UAGJA,MAAA,cAgBAA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEnBnF,MAAA,yEACJA,gBAOhBA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEnBnF,MAAA,wIACJA,gBAOhBA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEnBnF,MAAA,0JACJA,gBAOhBA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEnBnF,MAAA,8KACJA,gBAOhBA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACvBA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,kEACJA,sBAU5BA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEmDA,MAAA,cACnBA,MAAA,+EAC1CA,YAGRA,MAAA,aAAAA,CAAgD,WAAhDA,CAAgD,iBAEpCA,MAAA,0BAASkD,EAAA0B,OAAO,kBAAkB,GAAE5E,MAAA,0EAC9BA,MAAA,cAAyCA,yBA7FUA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAiBAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAiB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,g1ZD7NNoI,CAAqB,2BEPlC5N,MAAA,uCACAA,MAAA,uBCMO,IAAM6N,GAAoB,MAA3B,MAAOA,EALbnM,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EAEd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAhBWgI,EAAoB,oCAApBA,EAAoBlL,UAAA,uBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPjCjD,MAAA,EAAA8N,GAAA,qBACA9N,MAAA,EAAA+N,GAAA,kCADc/N,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMPgI,CAAoB,iHCA1B,IAAMG,GAAqB,MAA5B,MAAOA,EALbtM,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGa4I,EAAqB,oCAArBA,EAAqBrL,UAAA,wBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOrBxB,EAAoB,+6DCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,WAIkCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAErG/E,MAAA,QAAIA,MAAA,0BAAoBA,UAE5BA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAchHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAG9F/E,MAAA,cAA2BA,MAAA,wNAAkNA,UAEjPA,MAAA,aAA6BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE/F/E,MAAA,YAAAA,CAAkB,QACXA,MAAA,cAAOA,QAAKA,MAAA,mJACnBA,QACAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,aAA4BA,MAAA,8FAAuFA,QACnHA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAA8B,QACvBA,MAAA,qCAA8BA,QAAMA,MAAA,uPAC3CA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAmB,QACZA,MAAA,cAAOA,QAAKA,MAAA,0NACnBA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAkB,QACXA,MAAA,cAAOA,QAAKA,MAAA,4GACnBA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAkB,QACXA,MAAA,cAAOA,QAAKA,MAAA,qGACnBA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAkB,QACXA,MAAA,cAAOA,QAAKA,MAAA,6GACnBA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAkB,QACXA,MAAA,cAAOA,QAAKA,MAAA,6EACnBA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAkB,QACXA,MAAA,cAAOA,QAAKA,MAAA,mKACnBA,QAAMA,MAAA,aACFA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAkB,QACXA,MAAA,cAAOA,QAAKA,MAAA,+HACnBA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAkB,QACXA,MAAA,cAAOA,QAAKA,MAAA,mIACnBA,QACAA,MAAA,aACIA,MAAA,aACJA,gBAQhBA,MAAA,YAAAA,CAAyC,YAAzCA,CAAyC,WAAzCA,CAAyC,YAAzCA,CAAyC,SAKrBA,MAAA,2BACJA,UAGJA,MAAA,aAiBAA,MAAA,YAAAA,CAAwB,UAAxBA,CAAwB,WAAxBA,CAAwB,aAGWA,MAAA,aAA8DA,MAAA,YAAMA,QAC3FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,6BAAoBA,gBAM9DA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA8DA,MAAA,aAAMA,QAC3FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,4BAAmBA,sBAUnDA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGRA,MAAA,cAAwCA,MAAA,wBACpCA,YAEdA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAC8CA,MAAA,uBAC1DA,MAAA,cAAyCA,yBAlCcA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAYAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAgB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAuF,KAKAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAwF,g1ZDzKNwI,CAAqB,iHEA3B,IAAMC,GAA0B,MAAjC,MAAOA,EALbvM,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGa6I,EAA0B,oCAA1BA,EAA0BtL,UAAA,8BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAO1BxB,EAAoB,+6DCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,WAIkCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAErG/E,MAAA,QAAIA,MAAA,6FAAiBA,UAEzBA,MAAA,UAAAA,CAA2B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAchHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAG9F/E,MAAA,cAA2BA,MAAA,ggCAA2MA,UAE1OA,MAAA,aAA6BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE/F/E,MAAA,YAAAA,CAAkB,QACXA,MAAA,4BAAMA,QAAKA,MAAA,qqBAElBA,QACAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,aAA4BA,MAAA,ibAAsFA,QAClHA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAA8B,QACvBA,MAAA,qIAA0BA,QAAMA,MAAA,uzCACvCA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAmB,QACZA,MAAA,4BAAMA,QAAKA,MAAA,q9BAClBA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAkB,QACXA,MAAA,4BAAMA,QAAIA,MAAA,6bAGjBA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAkB,QACXA,MAAA,4BAAMA,QAAKA,MAAA,sYAClBA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAkB,QACXA,MAAA,4BAAMA,QAAKA,MAAA,+mBAGlBA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAkB,QACXA,MAAA,4BAAMA,QAAMA,MAAA,+VACnBA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAkB,QACXA,MAAA,4BAAMA,QAAMA,MAAA,q7BACnBA,QAAMA,MAAA,aACFA,MAAA,aACJA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAkB,QACXA,MAAA,4BAAMA,QAAKA,MAAA,2jBAClBA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAkB,QACXA,MAAA,4BAAMA,QAAKA,MAAA,whBAClBA,QAAMA,MAAA,eACNA,MAAA,aACIA,MAAA,aACJA,gBAQhBA,MAAA,YAAAA,CAAyC,YAAzCA,CAAyC,WAAzCA,CAAyC,YAAzCA,CAAyC,SAKrBA,MAAA,2DACJA,UAGJA,MAAA,aAiBAA,MAAA,YAAAA,CAAwB,UAAxBA,CAAwB,WAAxBA,CAAwB,aAGWA,MAAA,aAA8DA,MAAA,aAAMA,QAC3FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,gGAAiBA,gBAM3DA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cAA8DA,MAAA,aAAMA,QAC3FA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,gGAAiBA,sBAUjDA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGRA,MAAA,cAAwCA,MAAA,gDACpCA,YAEdA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAC8CA,MAAA,yEAC1DA,MAAA,cAAyCA,yBAlCcA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAYAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAgB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAuF,KAKAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAwF,s1ZD9KNyI,CAA0B,2BEPvCjO,MAAA,6CACAA,MAAA,6BCMO,IAAMkO,GAAyB,MAAhC,MAAOA,EALbxM,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfWqI,EAAyB,oCAAzBA,EAAyBvL,UAAA,6BAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPtCjD,MAAA,EAAAmO,GAAA,2BACAnO,MAAA,EAAAoO,GAAA,wCADoBpO,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMbqI,CAAyB,+ECA/B,IAAMG,GAAgB,MAAvB,MAAOA,EALb3M,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGaiJ,EAAgB,oCAAhBA,EAAgB1L,UAAA,kBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOhBxB,EAAoB,+9BCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,WAIiCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAEpG/E,MAAA,QAAIA,MAAA,cAAQA,UAEhBA,MAAA,UAAAA,CAA4B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAgBjHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,cAAcA,MAAA,oSACdA,UAGJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,wBACJA,QACAA,MAAA,YACIA,MAAA,mBACJA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,oBAAYA,QAAKA,MAAA,wIAEhDA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,iBAAWA,QAAKA,MAAA,4JAE9CA,QACAA,MAAA,YACIA,MAAA,iBACJA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,oBAAYA,QAAKA,MAAA,uJAEhDA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,iBAAWA,QAAKA,MAAA,qJAE9CA,QACAA,MAAA,YACIA,MAAA,2BACJA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,oBAAYA,QAAKA,MAAA,kKAEhDA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,iBAAWA,QAAKA,MAAA,uJAE9CA,QACAA,MAAA,YACIA,MAAA,oCACJA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,oBAAYA,QAAKA,MAAA,4KAEhDA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,iBAAWA,QAAKA,MAAA,kJAE9CA,QACAA,MAAA,YACIA,MAAA,uCACJA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,oBAAYA,QAAKA,MAAA,6JAEhDA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,iBAAWA,QAAKA,MAAA,gKAE9CA,QACAA,MAAA,YACIA,MAAA,qBACJA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,oBAAYA,QAAKA,MAAA,kJAEhDA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,iBAAWA,QAAKA,MAAA,8JAE9CA,QAEAA,MAAA,YACIA,MAAA,8BACJA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,oBAAYA,QAAKA,MAAA,mKAEhDA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,iBAAWA,QAAKA,MAAA,2GAE9CA,QAEAA,MAAA,YACIA,MAAA,sBACJA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,oBAAYA,QAAKA,MAAA,gJAEhDA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,iBAAWA,QAAKA,MAAA,2IAE9CA,QAEAA,MAAA,YACIA,MAAA,uBACJA,QACAA,MAAA,eAAAA,CAA2B,SAAIA,MAAA,qBAAYA,QAAKA,MAAA,6GAEhDA,QACAA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,kBAAWA,QAAKA,MAAA,iHAE9CA,QACAA,MAAA,aAAAA,CAA4B,eACVA,MAAA,+NAAuNA,kBAYzPA,MAAA,aAAAA,CAA0C,aAA1CA,CAA0C,YAA1CA,CAA0C,aAA1CA,CAA0C,UAKtBA,MAAA,4BACJA,UAcJA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eACkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACpDnF,MAAA,2BAAmBA,gBAOvCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,yBACJA,sBAY5BA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEuDA,MAAA,0BAASkD,EAAA0B,OAAO,aAAa,GAAI5E,MAAA,cAC5DA,MAAA,2BAC1CA,yBAnCoBA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAc6CvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAmB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAuF,00ZDzLN8I,CAAgB,4HEAtB,IAAMC,GAAqB,MAA5B,MAAOA,EALb5M,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGakJ,EAAqB,oCAArBA,EAAqB3L,UAAA,wBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOrBxB,EAAoB,yhCCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,WAIiCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAEpG/E,MAAA,QAAIA,MAAA,uDAAUA,UAElBA,MAAA,UAAAA,CAA4B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAgBjHA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,cAAcA,MAAA,siDACdA,UAGJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,qGACJA,QACAA,MAAA,YACIA,MAAA,kFACJA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,uCAAMA,QAAKA,MAAA,ihBAE1CA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,2BAAMA,QAAKA,MAAA,2zBAEzCA,QACAA,MAAA,YACIA,MAAA,yDACJA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,uCAAMA,QAAKA,MAAA,mrBAC1CA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,2BAAMA,QAAKA,MAAA,+xBACzCA,QAEAA,MAAA,YACIA,MAAA,iHACJA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,uCAAMA,QAAKA,MAAA,0uBAE1CA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,2BAAMA,QAAKA,MAAA,qqBAEzCA,QACAA,MAAA,YACIA,MAAA,8HACJA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,uCAAMA,QAAKA,MAAA,6tBAE1CA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,2BAAMA,QAAKA,MAAA,60BAEzCA,QACAA,MAAA,YACIA,MAAA,0IACJA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,uCAAMA,QAAKA,MAAA,gyBAE1CA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,2BAAMA,QAAKA,MAAA,i2BAEzCA,QACAA,MAAA,YACIA,MAAA,sEACJA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,uCAAMA,QAAKA,MAAA,4qBAE1CA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,2BAAMA,QAAKA,MAAA,gwBAEzCA,QAEAA,MAAA,YACIA,MAAA,4EACJA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,uCAAMA,QAAKA,MAAA,4xBAE1CA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,2BAAMA,QAAKA,MAAA,2eAEzCA,QAEAA,MAAA,YACIA,MAAA,sEACJA,QACAA,MAAA,cAAAA,CAA2B,QAAIA,MAAA,uCAAMA,QAAKA,MAAA,koBAE1CA,QACAA,MAAA,cAAAA,CAA2B,QAAGA,MAAA,2BAAMA,QAAKA,MAAA,8vBAEzCA,QAEAA,MAAA,YACIA,MAAA,kFACJA,QACAA,MAAA,eAAAA,CAA2B,SAAIA,MAAA,wCAAMA,QAAKA,MAAA,ghBAE1CA,QACAA,MAAA,eAAAA,CAA2B,SAAGA,MAAA,4BAAMA,QAAKA,MAAA,gvBAEzCA,QACAA,MAAA,aAAAA,CAA4B,eACVA,MAAA,0jCAAiNA,kBAYnPA,MAAA,aAAAA,CAA0C,aAA1CA,CAA0C,YAA1CA,CAA0C,aAA1CA,CAA0C,UAKtBA,MAAA,4DACJA,UAcJA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eACkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACpDnF,MAAA,iGAAqBA,gBAOzCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,qGACzBA,sBAY5BA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEuDA,MAAA,0BAASkD,EAAA0B,OAAO,aAAa,GAAI5E,MAAA,cAC5DA,MAAA,iEAC1CA,YAGJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBACmDA,MAAA,0BAASkD,EAAA0B,OAAO,WAAW,GAAG5E,MAAA,wGAC7FA,MAAA,cAAyCA,yBAvC/BA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAc6CvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAkB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAwF,g1ZD7LN8I,CAAqB,2BEPlCtO,MAAA,uCACAA,MAAA,uBCMO,IAAMuO,GAAoB,MAA3B,MAAOA,EALb7M,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfW0I,EAAoB,oCAApBA,EAAoB5L,UAAA,uBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPjCjD,MAAA,EAAAwO,GAAA,qBACAxO,MAAA,EAAAyO,GAAA,kCADczO,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMP0I,CAAoB,mHCA1B,IAAMG,GAAiB,MAAxB,MAAOA,EALbhN,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGasJ,EAAiB,oCAAjBA,EAAiB/L,UAAA,mBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOjBxB,EAAoB,2yCCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,WAIiCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACrDkD,EAAA6B,aAAY,EAAM,IAAI,GAClC/E,MAAA,QAAIA,MAAA,yBAAmBA,UAE3BA,MAAA,UAAAA,CAA4B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CACzD,YACdA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GADjB5E,cAgB9BA,MAAA,YAAwBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE1F/E,MAAA,cAA2BA,MAAA,upBAQ3BA,UAGJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,+BACJA,QACAA,MAAA,cAA2BA,MAAA,yMAG3BA,QAEAA,MAAA,QAAAA,CAAI,YACiBA,MAAA,gOAEuCA,QAExDA,MAAA,YAAiBA,MAAA,mJAC+CA,QAChEA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAiBA,MAAA,+hBAMjBA,QACAA,MAAA,aACIA,MAAA,aACJA,QACAA,MAAA,YAAiBA,MAAA,wHAEjBA,UAEJA,MAAA,eAA2BA,MAAA,8XAK3BA,UAIJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,sBAAeA,QACnBA,MAAA,cAA2BA,MAAA,gUAGmCA,QAE9DA,MAAA,QAAAA,CAAI,YACiBA,MAAA,yKAEjBA,QAEAA,MAAA,YAAiBA,MAAA,qJAEjBA,YAIRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,2EAAoEA,QACxEA,MAAA,eAA2BA,MAAA,gUAGmCA,QAE9DA,MAAA,QAAAA,CAAI,WAAJA,CAAI,QACoBA,MAAA,6BAAsBA,QAAIA,MAAA,2LAEMA,QAEpDA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,gCAAyBA,QAAIA,MAAA,kOAIjDA,QAEAA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,2BAAoBA,QAAIA,MAAA,0NAI5CA,QAEAA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,mCAA4BA,QAAIA,MAAA,yLAIpDA,UAEJA,MAAA,eAA4BA,MAAA,4VAK5BA,gBAOhBA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAKtBA,MAAA,2BACJA,UAcJA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cACkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACpDnF,MAAA,2BAAmBA,gBAOvCA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,+BACJA,gBAMhBA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,kCAAyBA,gBAM7CA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,mCAA2BA,sBAWhFA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEmDA,MAAA,0BAASkD,EAAA0B,OAAO,GAAG,GAAG5E,MAAA,cACzCA,MAAA,mCAE1CA,YAGRA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAC8CA,MAAA,0BAASkD,EAAA0B,OAAO,GAAG,GAAG5E,MAAA,wBAEhFA,MAAA,cAAyCA,yBApE/BA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAc6CvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAgB9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAOAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,20ZDrONkJ,CAAiB,0EEAvB,IAAMC,GAAsB,MAA7B,MAAOA,EALbjN,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGauJ,EAAsB,oCAAtBA,EAAsBhM,UAAA,yBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOtBxB,EAAoB,kvCCdjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,WAIkCA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAErG/E,MAAA,QAAIA,MAAA,wGAAmBA,UAE3BA,MAAA,UAAAA,CAA4B,SAA6BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAgBjHA,MAAA,YAAwBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE1F/E,MAAA,cAA2BA,MAAA,+sHAAmuBA,UAGlwBA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,6HACJA,QACAA,MAAA,cAA2BA,MAAA,mgCAAwMA,QAEnOA,MAAA,QAAAA,CAAI,YACiBA,MAAA,ihCAAkNA,QAEnOA,MAAA,YAAiBA,MAAA,ovBAAqJA,QACtKA,MAAA,aACIA,MAAA,aACHA,QACDA,MAAA,YAAiBA,MAAA,onFAAuhBA,QACxiBA,MAAA,aACIA,MAAA,aACHA,QACDA,MAAA,YAAiBA,MAAA,8hBAEjBA,UAEJA,MAAA,eAA2BA,MAAA,o3DAC3BA,UAIJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,qEAAYA,QAChBA,MAAA,cAA2BA,MAAA,wqDAA6UA,QAExWA,MAAA,QAAAA,CAAI,YACiBA,MAAA,ozBACjBA,QAEAA,MAAA,YAAiBA,MAAA,kzBAEjBA,YAIRA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,0YAA8EA,QAElFA,MAAA,QAAAA,CAAI,WAAJA,CAAI,QACqBA,MAAA,mFAAgBA,QAAIA,MAAA,+uBAA+JA,QAExMA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,+IAA0BA,QAAIA,MAAA,yqCAElDA,QAEAA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,wFAAgBA,QAAIA,MAAA,6kCAExCA,QAEAA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,+IAA0BA,QAAIA,MAAA,i6BAElDA,UAEJA,MAAA,eAA4BA,MAAA,gxDAE5BA,gBAOhBA,MAAA,YAAAA,CAA0C,YAA1CA,CAA0C,WAA1CA,CAA0C,YAA1CA,CAA0C,SAKtBA,MAAA,2DACJA,UAcJA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cACkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACpDnF,MAAA,0GAAoBA,gBAOxCA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,4HACzBA,gBAMhBA,MAAA,YAAAA,CAA4B,UAA5BA,CAA4B,WAA5BA,CAA4B,aAGOA,MAAA,aACnBA,MAAA,YAAMA,QACVA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,uHAAuBA,gBAM3CA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACnBA,MAAA,aAAMA,QACVA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,0IAA0BA,sBAW/EA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAEmDA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GAAI5E,MAAA,cACrDA,MAAA,iEAC1CA,yBA5DoBA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAc6CvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAcCvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAgB/DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,i1ZDjLNoJ,CAAsB,2BEPnC3O,MAAA,wCACAA,MAAA,wBCMO,IAAM4O,GAAqB,MAA5B,MAAOA,EALblN,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfW+I,EAAqB,oCAArBA,EAAqBjM,UAAA,wBAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPlCjD,MAAA,EAAA6O,GAAA,sBACA7O,MAAA,EAAA8O,GAAA,mCADe9O,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMR+I,CAAqB,oGCC3B,IAAMG,GAAmC,MAA1C,MAAOA,EALbrN,cAOEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAqBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GA6BhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EACjBtC,KAAA0I,KAAe,EACf1I,KAAA2I,OAAiB,EAQnB3I,KAAAuC,OAAc,GAtEZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CACf,CAOAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,GAGG,KAAdtC,KAAKgC,QAEPhC,KAAK0I,KAAM,EACX1I,KAAK2I,OAAQ,EAIjB,CASAhK,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDAhHa2J,EAAmC,oCAAnCA,EAAmCpM,UAAA,wCAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAQnCxB,EAAoB,+kDChBjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKAA,MAAA,oMAAmCA,UAE5CA,MAAA,UAAAA,CAA4B,SACKA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAIjFA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAEIA,MAAA,gBAIJA,UAGZA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACnDkD,EAAA6B,aAAY,EAAM,IAAI,GAC/B/E,MAAA,SAAIA,MAAA,+IAA0BA,QAC9BA,MAAA,QAAGA,MAAA,otDAAqVA,UAG3VA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACnDkD,EAAA6B,aAAY,EAAM,IAAI,GAC/B/E,MAAA,SAAIA,MAAA,gHAAoBA,QACxBA,MAAA,SAAIA,MAAA,wTAA4DA,QAEnEA,MAAA,YAAAA,CAA4B,cAA5BA,CAA4B,QACKA,MAAA,yDAAUA,QAAKA,MAAA,+RAA6DA,QACzGA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,6CAAQA,QAAKA,MAAA,sVAAuEA,QACjHA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,kIAAuBA,QAAKA,MAAA,y4BAAmLA,QAC5OA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,uFAAeA,QAAKA,MAAA,2bAA4FA,YAGhJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACnDkD,EAAA6B,aAAY,EAAM,IAAI,GAC/B/E,MAAA,eAA2BA,MAAA,sxBAA8JA,QAC5LA,MAAA,YAAAA,CAA4B,YACHA,MAAA,0CAA6BA,QACnDA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,oHAAwBA,QAAKA,MAAA,SAAIA,MAAA,i6CAAuRA,QACrVA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,uGAAqBA,QAAKA,MAAA,SAAIA,MAAA,u9BAAoMA,QAC/PA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,qIAA0BA,QAAKA,MAAA,SAAIA,MAAA,gqBAAkIA,QAClMA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,yHAAwBA,QAAKA,MAAA,SAAIA,MAAA,4lBAAqHA,QACnLA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,2IAA2BA,QAAKA,MAAA,SAAIA,MAAA,mpCAAqOA,QACtSA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,8GAAuBA,QAAKA,MAAA,SAAIA,MAAA,2/BAA0MA,QACvQA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,0HAAyBA,QAAKA,MAAA,SAAKA,MAAA,+pBAAqIA,QACrMA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,2FAAmBA,QAAKA,MAAA,SAAKA,MAAA,kjCAAmNA,QAC7QA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,wLAAqCA,QAAKA,MAAA,SAAIA,MAAA,m3BAA2KA,QACtPA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,6FAAqBA,QAAKA,MAAA,SAAIA,MAAA,qtDAAsVA,QACjZA,MAAA,eAA0BA,MAAA,SAAIA,MAAA,ysDAA8UA,YAMhXA,MAAA,cAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GACnC/E,MAAA,UAAKA,MAAA,0RAAqDA,QACzDA,MAAA,gBAA0BA,MAAA,UAAIA,MAAA,8tBAA6IA,QAC5KA,MAAA,eAAAA,CAAqB,SAArBA,CAAqB,aAEDA,MAAA,wCAAOA,QAC1BA,MAAA,aAAmBA,MAAA,2EAAYA,QAC/BA,MAAA,aAAmBA,MAAA,mGAAgBA,UAEpCA,MAAA,YAAAA,CAAmB,aACCA,MAAA,UAAEA,QACrBA,MAAA,aAAmBA,MAAA,ukBAA8GA,QACjIA,MAAA,aAAmBA,MAAA,+1BAAqKA,UAEzLA,MAAA,YAAAA,CAAmB,aACCA,MAAA,UAAEA,QACrBA,MAAA,aAAmBA,MAAA,yrBAAsIA,QACzJA,MAAA,aAAmBA,MAAA,yyBAA4JA,UAE/KA,MAAA,YAAAA,CAAmB,aACAA,MAAA,UAAEA,QACrBA,MAAA,aAAmBA,MAAA,mpBAA8HA,QACjJA,MAAA,aAAmBA,MAAA,wgCAAuMA,UAE1NA,MAAA,YAAAA,CAAmB,aACAA,MAAA,UAAEA,QACrBA,MAAA,aAAmBA,MAAA,0yBAA6JA,QAChLA,MAAA,aAAmBA,MAAA,4yBAA0JA,oBAUzLA,MAAA,aAAAA,CAAyC,aAAzCA,CAAyC,YAAzCA,CAAyC,aAAzCA,CAAyC,UAKzBA,MAAA,2DACJA,UAGJA,MAAA,cAGAA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACPA,MAAA,aAAMA,QACtBA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAClDnF,MAAA,gHAAkBA,gBAMxCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACPA,MAAA,aAAMA,QACtBA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAClDnF,MAAA,kFAAaA,gBAMnCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACPA,MAAA,aAAMA,QACtBA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,uNAAyCA,gBAM7DA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACPA,MAAA,aAAMA,QACtBA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,+IAAyBA,sBAStDA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAE6CA,MAAA,0BAASkD,EAAA0B,OAAO,kBAAkB,GAAI5E,MAAA,cACvDA,MAAA,gIAC1CA,YAGJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBACsCA,MAAA,0BAASkD,EAAA0B,OAAO,OAAO,GAAG5E,MAAA,sCAC5EA,MAAA,cAAyCA,kBAM/DA,MAAA,+BAtE4BA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAcbvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,u9ZD9KFuJ,CAAmC,yGEAzC,IAAMC,GAAqC,MAA5C,MAAOA,EALbtN,cAOEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAqBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GA6BhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EACjBtC,KAAA0I,KAAe,EACf1I,KAAA2I,OAAiB,EAQnB3I,KAAAuC,OAAc,GAtEZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CACf,CAOAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,GAGG,KAAdtC,KAAKgC,QAEPhC,KAAK0I,KAAM,EACX1I,KAAK2I,OAAQ,EAIjB,CASAhK,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDAhHa4J,EAAqC,oCAArCA,EAAqCrM,UAAA,0CAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAQrCxB,EAAoB,+kDChBjCzB,MAAA,sBACAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKCA,MAAA,wCAAkCA,UAE5CA,MAAA,UAAAA,CAA4B,SACKA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAIjFA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GACzF/E,MAAA,YAEIA,MAAA,gBAIJA,UAGZA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACnDkD,EAAA6B,aAAY,EAAM,IAAI,GAC/B/E,MAAA,SAAIA,MAAA,qCAA8BA,QAClCA,MAAA,QAAGA,MAAA,kUAA2TA,UAGjUA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACnDkD,EAAA6B,aAAY,EAAM,IAAI,GAC/B/E,MAAA,SAAIA,MAAA,iCAA0BA,QAC9BA,MAAA,SAAIA,MAAA,yEAAkEA,QAEzEA,MAAA,YAAAA,CAA4B,cAA5BA,CAA4B,QACKA,MAAA,kBAAWA,QAAKA,MAAA,0EAAoEA,QACjHA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,kBAAWA,QAAKA,MAAA,mFAA6EA,QAC1HA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,mCAA4BA,QAAKA,MAAA,4LAAsLA,QACpPA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,kBAAWA,QAAKA,MAAA,8GAAwGA,YAGxJA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BACnDkD,EAAA6B,aAAY,EAAM,IAAI,GAC/B/E,MAAA,eAA2BA,MAAA,sJAA+IA,QAC7KA,MAAA,YAAAA,CAA4B,YACHA,MAAA,0CAA6BA,QACnDA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,qCAA8BA,QAAKA,MAAA,SAAIA,MAAA,6RAAsRA,QAC1VA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,iCAA0BA,QAAKA,MAAA,SAAIA,MAAA,mNAA4MA,QAC5QA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,sCAA+BA,QAAKA,MAAA,SAAIA,MAAA,6HAAsHA,QAC3LA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,qCAA8BA,QAAKA,MAAA,SAAIA,MAAA,iJAA0IA,QAC9MA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,qCAA8BA,QAAKA,MAAA,SAAIA,MAAA,+OAAwOA,QAC5SA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,oCAA6BA,QAAKA,MAAA,0NAAkNA,MAAA,SAAKA,QACtRA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,wCAAiCA,QAAKA,MAAA,SAAKA,MAAA,gJAAwIA,QAChNA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,gCAAyBA,QAAKA,MAAA,SAAKA,MAAA,+OAAuOA,QACvSA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,oDAA6CA,QAAKA,MAAA,SAAIA,MAAA,6JAAsJA,QACzOA,MAAA,cAAAA,CAAyB,QAAIA,MAAA,iCAA0BA,QAAKA,MAAA,SAAIA,MAAA,0UAAmUA,QACnYA,MAAA,eAA0BA,MAAA,SAAIA,MAAA,0VAAkVA,YAMpXA,MAAA,cAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAC/CkD,EAAA6B,aAAY,EAAM,IAAI,GACnC/E,MAAA,UAAKA,MAAA,yEAAgEA,QACpEA,MAAA,gBAA0BA,MAAA,UAAIA,MAAA,kKAA0JA,QACzLA,MAAA,eAAAA,CAAqB,SAArBA,CAAqB,aAEDA,MAAA,aAAKA,QACxBA,MAAA,aAAmBA,MAAA,uBAAeA,QAClCA,MAAA,aAAmBA,MAAA,0BAAkBA,UAEtCA,MAAA,YAAAA,CAAmB,aACCA,MAAA,UAAEA,QACrBA,MAAA,aAAmBA,MAAA,sGAA8FA,QACjHA,MAAA,aAAmBA,MAAA,6JAAqJA,UAEzKA,MAAA,YAAAA,CAAmB,aACCA,MAAA,UAAEA,QACrBA,MAAA,aAAmBA,MAAA,4HAAoHA,QACvIA,MAAA,aAAmBA,MAAA,8JAAsJA,UAEzKA,MAAA,YAAAA,CAAmB,aACAA,MAAA,UAAEA,QACrBA,MAAA,aAAmBA,MAAA,uIAA+HA,QAClJA,MAAA,aAAmBA,MAAA,6MAAqMA,UAExNA,MAAA,YAAAA,CAAmB,aACAA,MAAA,UAAEA,QACrBA,MAAA,aAAmBA,MAAA,qJAA6IA,QAChKA,MAAA,aAAmBA,MAAA,2JAAmJA,oBAUlLA,MAAA,aAAAA,CAAyC,aAAzCA,CAAyC,YAAzCA,CAAyC,aAAzCA,CAAyC,UAKzBA,MAAA,4BACJA,UAGJA,MAAA,cAGAA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACPA,MAAA,aAAMA,QACtBA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAClDnF,MAAA,4BAAmBA,gBAMzCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACPA,MAAA,aAAMA,QACtBA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAClDnF,MAAA,oBAAWA,gBAMjCA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACPA,MAAA,aAAMA,QACtBA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAEpDnF,MAAA,8CAAqCA,gBAMzDA,MAAA,aAAAA,CAA4B,WAA5BA,CAA4B,YAA5BA,CAA4B,cAGOA,MAAA,cACPA,MAAA,aAAMA,QACtBA,MAAA,aAAAA,CAAuB,eAEkBA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnDnF,MAAA,sCAA8BA,sBAS3DA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAE6CA,MAAA,0BAASkD,EAAA0B,OAAO,kBAAkB,GAAI5E,MAAA,cACvDA,MAAA,gDAC1CA,YAGJA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAC2CA,MAAA,0BAASkD,EAAA0B,OAAO,OAAO,GAAG5E,MAAA,uBACjFA,MAAA,cAAyCA,yBAhEnCA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAcbvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,y9ZD9KFwJ,CAAqC,2BERlDhP,MAAA,+DACAA,MAAA,uCCMO,IAAMiP,GAA8B,MAArC,MAAOA,EALbvN,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WAIkB,SAHC+D,aAAaC,QAAQ,kBAKpCnE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,IAGbhE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAjBWoJ,EAA8B,oCAA9BA,EAA8BtM,UAAA,kCAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDP3CjD,MAAA,EAAAkP,GAAA,6CACAlP,MAAA,EAAAmP,GAAA,kDADsCnP,MAAA,OAAAkD,EAAA0C,SACF5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMvBoJ,CAA8B,qICCpC,IAAMG,GAA6B,MAApC,MAAOA,EALb1N,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAmChBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EACjBtC,KAAA0I,KAAe,EACf1I,KAAA2I,OAAiB,EACjB3I,KAAAwN,KAAc,EACdxN,KAAAyN,OAAgB,EAiBlBzN,KAAAuC,OAAc,GArFZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,GAGG,KAAdtC,KAAKgC,QAEPhC,KAAK0I,KAAM,EACX1I,KAAK2I,OAAQ,GAIE,KAAd3I,KAAKgC,QACNhC,KAAKwN,KAAM,EACXxN,KAAKyN,OAAQ,EAIjB,CAWA9O,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAK,EACVlC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAM,EACXpC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAM,EACXtC,KAAK0I,KAAM,EACX1I,KAAK2I,OAAM,EACX3I,KAAKwN,KAAK,EACVxN,KAAKyN,OAAM,CAEf,CAIEvK,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAWZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDAnIagK,EAA6B,oCAA7BA,EAA6BzM,UAAA,gCAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAO7BxB,EAAoB,kxCCfjCzB,MAAA,sBAEAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAMOA,MAAA,oBAAaA,UAKrBA,MAAA,UAAAA,CAA4B,SAA8BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAGlHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE7F/E,QACAA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,+BAAwBA,QAC5BA,MAAA,eAA2BA,MAAA,qUAGoCA,UAEnEA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,2BAAoBA,QACxBA,MAAA,eAA2BA,MAAA,8WAIRA,QAGnBA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,qCACJA,QAGAA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,6BAAsBA,UAC1CA,MAAA,eAAcA,MAAA,8KAC0EA,QAExFA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,yCAAkCA,UACtDA,MAAA,eAAcA,MAAA,2IACuCA,QAErDA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,sCAA+BA,UACnDA,MAAA,eAAcA,MAAA,6IAC0CA,QAExDA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,kCAA2BA,UAC/CA,MAAA,eAAcA,MAAA,mKAC+DA,QAE7EA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,mCAA4BA,UAChDA,MAAA,eAAcA,MAAA,2JAC6DA,QAE3EA,MAAA,WAAAA,CAAiB,QAAIA,MAAA,4BAAoBA,UACzCA,MAAA,eAAcA,MAAA,mIACoCA,UAGtDA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAKA,MAAA,4CAAoCA,QACzCA,MAAA,eAAcA,MAAA,oJACkDA,QAEhEA,MAAA,WAAAA,CAAiB,QAAIA,MAAA,qCAA6BA,UAClDA,MAAA,eAAcA,MAAA,2NAE8BA,QAE5CA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,uCAAgCA,UACpDA,MAAA,eAAcA,MAAA,2KAC0EA,QAGxFA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,gCAAyBA,UAC7CA,MAAA,eAAcA,MAAA,0KACwEA,QAGtFA,MAAA,WAAAA,CAAiB,QAAIA,MAAA,gCAAwBA,UAC7CA,MAAA,eAAcA,MAAA,qJACmDA,QAGjEA,MAAA,WAAAA,CAAiB,QAAIA,MAAA,oCAA4BA,UACjDA,MAAA,eAAcA,MAAA,2KACyEA,UAG3FA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAKA,MAAA,qCAA6BA,QAGlCA,MAAA,WAAAA,CAAiB,QAAIA,MAAA,mCAA2BA,UAChDA,MAAA,eAAcA,MAAA,oIACiCA,QAE/CA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,sCAA+BA,UACnDA,MAAA,eAAcA,MAAA,qKACqEA,QAGnFA,MAAA,WAAAA,CAAiB,SAAGA,MAAA,gCAAwBA,UAC5CA,MAAA,gBAAcA,MAAA,iHACeA,QAG7BA,MAAA,YAAAA,CAAiB,SAAGA,MAAA,0BAAkBA,UACtCA,MAAA,gBAAcA,MAAA,6EAAqEA,QAGnFA,MAAA,YAAAA,CAAiB,SAAGA,MAAA,sCAA8BA,UAClDA,MAAA,gBAAcA,MAAA,0HACsBA,UAKxCA,MAAA,SAAGA,MAAA,2GACOA,gBAO1BA,MAAA,aAAAA,CAAyC,aAAzCA,CAAyC,YAAzCA,CAAyC,aAAzCA,CAAyC,UAKrBA,MAAA,4BACJA,UAGJA,MAAA,cAiBAA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,iCAAyBA,gBAMlEA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,6BAAoBA,gBAMxCA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,qCAA6BA,gBAMtEA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,4CAAmCA,gBAO7EA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAInF,MAAA,qCAA4BA,sBAUnFA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGNA,MAAA,0BAASkD,EAAA0B,OAAO,mBAAmB,GAAG5E,MAAA,cAAwCA,MAAA,oCAExEA,YAElBA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBACqDA,MAAA,iCAC7DA,MAAA,cAAyCA,yBAhFUA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAe9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,w1ZDlPN4J,CAA6B,kIEAnC,IAAMG,GAA4B,MAAnC,MAAOA,EALb7N,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGamK,EAA4B,oCAA5BA,EAA4B5M,UAAA,+BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAO5BxB,EAAoB,stECfjCzB,MAAA,sBAEAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,WAKGA,MAAA,QAEJA,QACAA,MAAA,UAAAA,CAA4B,SAA8BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,aAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAMlHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE7F/E,QACAA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,gDAAyCA,QAC7CA,MAAA,eAA2BA,MAAA,0SAGMA,UAErCA,MAAA,aAA8BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAIhG/E,MAAA,WAAAA,CAAiB,QAAGA,MAAA,oCAA6BA,UACjDA,MAAA,eAAcA,MAAA,4BAAqBA,QAAQA,MAAA,SAC3CA,MAAA,eAAcA,MAAA,2CAAoCA,MAAA,WAAmDA,MAAA,kBAAWA,UAEhHA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eAAoBA,MAAA,2BAAoBA,QAAQA,MAAA,SAChDA,MAAA,eAAcA,MAAA,6HACaA,QAAQA,MAAA,SAEnCA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,YAKRA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,gDAAyCA,UAC7DA,MAAA,eAAcA,MAAA,mCAAsBA,QACpCA,MAAA,WAAAA,CAAkC,SAC1BA,MAAA,YAAKA,QACTA,MAAA,SAAIA,MAAA,oBAAaA,QACjBA,MAAA,SAAIA,MAAA,oBAAaA,QACjBA,MAAA,SAAIA,MAAA,oBAAaA,QACjBA,MAAA,SAAIA,MAAA,gBAASA,UAEjBA,MAAA,eAAeA,MAAA,wEACfA,QAEAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAIJA,MAAA,eAA2BA,MAAA,8BAAoBA,QAC/CA,MAAA,eAAeA,MAAA,mFAA2EA,QAG1FA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eAA4BA,MAAA,oDAA4CA,QAGxEA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,oCAA6BA,UACjDA,MAAA,eAAcA,MAAA,2BAAoBA,QAClCA,MAAA,QAAIA,MAAA,4DAAoDA,QACxDA,MAAA,QAAGA,MAAA,eAAQA,QACXA,MAAA,QAAIA,MAAA,mBAAWA,QACfA,MAAA,QAAIA,MAAA,oBAAYA,QAChBA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aAEJA,UAGJA,MAAA,eAA2BA,MAAA,0BAAmBA,QAC9CA,MAAA,QAAGA,MAAA,yDAAkDA,QACrDA,MAAA,QAAIA,MAAA,sBAAcA,QAClBA,MAAA,QAAIA,MAAA,yBAAiBA,QACrBA,MAAA,QAAIA,MAAA,sBAAcA,QAClBA,MAAA,QAAIA,MAAA,yDAAgDA,QACpDA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cAEJA,UAGJA,MAAA,gBAA2BA,MAAA,oCAAoBA,QAC/CA,MAAA,SAAIA,MAAA,0DAAiDA,QACrDA,MAAA,SAAIA,MAAA,gBAAOA,QACXA,MAAA,SAAIA,MAAA,+BAAsBA,QAC1BA,MAAA,SAAIA,MAAA,gFAAuEA,QAC3EA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cAEJA,UAKJA,MAAA,gBAA2BA,MAAA,wBAAgBA,QAC3CA,MAAA,aAAOA,MAAA,+BAAoBA,QAC3BA,MAAA,SAAIA,MAAA,oFAA2EA,QAC/EA,MAAA,SAAIA,MAAA,qBAAYA,QAChBA,MAAA,SAAIA,MAAA,0BAAiBA,QACrBA,MAAA,SAAIA,MAAA,qBAAYA,QAChBA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cAEJA,UAGJA,MAAA,gBAA4BA,MAAA,4BAAmBA,QAC/CA,MAAA,aAAOA,MAAA,+BAAuBA,QAC9BA,MAAA,SAAIA,MAAA,oFAA2EA,QAC/EA,MAAA,SAAIA,MAAA,6CAAoCA,QACxCA,MAAA,SAAIA,MAAA,oBAAWA,QACfA,MAAA,SAAIA,MAAA,yBAAgBA,QACpBA,MAAA,SAAGA,MAAA,yBAAiBA,QACpBA,MAAA,SAAIA,MAAA,kFAAyEA,QAC7EA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cAEJA,UAGJA,MAAA,YAAAA,CAAiB,SAAGA,MAAA,2CAAmCA,UACvDA,MAAA,gBAAcA,MAAA,qCAA6BA,QAC3CA,MAAA,SAAGA,MAAA,8GACHA,QAEAA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cAEJA,UAEJA,MAAA,YAAiBA,MAAA,kGACAA,QACjBA,MAAA,gBAAcA,MAAA,iCAAyBA,QACvCA,MAAA,SAAIA,MAAA,0IAC6BA,QAGjCA,MAAA,YAAAA,CAAiB,SAAGA,MAAA,kCAA0BA,UAC9CA,MAAA,UAAIA,MAAA,iCAAyBA,QAC7BA,MAAA,SAAGA,MAAA,kIAEHA,QACAA,MAAA,SAAGA,MAAA,oFAAyEA,QAC5EA,MAAA,cACIA,MAAA,cACJA,QAGAA,MAAA,gBAA2BA,MAAA,0IAEkBA,QAC7CA,MAAA,gBAAcA,MAAA,wLAEuEA,cAQjGA,MAAA,aAAAA,CAAyC,aAAzCA,CAAyC,YAAzCA,CAAyC,aAAzCA,CAAyC,UAKrBA,MAAA,4BACJA,UAGJA,MAAA,cAiBAA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,qBAAaA,gBAMtDA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,8BAAsBA,sBAyCtDA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGNA,MAAA,0BAASkD,EAAA0B,OAAO,mBAAmB,GAAG5E,MAAA,cAAwCA,MAAA,+BAGxEA,YAGlBA,MAAA,aAAAA,CAAuB,WAAvBA,CAAuB,iBACiDA,MAAA,0BACtDA,MAAA,cAAyCA,yBAtEUA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SA+C9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAuF,KAQAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAwF,u1ZDvSN+J,CAA4B,gIEAlC,IAAMC,GAAoB,MAA3B,MAAOA,EALb9N,cAOEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDAtGaoK,EAAoB,oCAApBA,EAAoB7M,UAAA,wBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAQpBxB,EAAoB,25DChBjCzB,MAAA,sBAEAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAMOA,MAAA,gCAAyBA,UAEjCA,MAAA,UAAAA,CAA4B,SAA8BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAOlHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE7F/E,QACAA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,oBAAaA,QACjBA,MAAA,eAA2BA,MAAA,gNAEQA,UAEvCA,MAAA,aAA8BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAIhG/E,MAAA,WAAAA,CAAiB,QAAGA,MAAA,yCAAkCA,UACtDA,MAAA,eAAcA,MAAA,+HACuCA,QACrDA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,yBAAkBA,UACtCA,MAAA,WAAAA,CAAiB,cAAjBA,CAAiB,QACIA,MAAA,sBAAeA,QAAKA,MAAA,cAAMA,MAAA,WAGnCA,MAAA,gFAAwEA,QAAKA,MAAA,uEAC5BA,QACrDA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,sBAAeA,UACvCA,MAAA,WAAAA,CAAiB,cAAjBA,CAAiB,QACIA,MAAA,sBAAeA,QAAKA,MAAA,cAAMA,MAAA,WAGnCA,MAAA,2DAAmDA,QAAKA,MAAA,+DACjCA,QAInCA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,eAAQA,UAC5BA,MAAA,eAAcA,MAAA,qIAC8BA,QAC5CA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,YAeJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,sCAA+BA,UACnDA,MAAA,eAAcA,MAAA,kHACiBA,QAC/BA,MAAA,cAAAA,CAAc,QAAGA,MAAA,aAAMA,QAAKA,MAAA,0JAE5BA,QAEAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,yCAAkCA,UACtDA,MAAA,eAAcA,MAAA,gKAC8DA,QAE5EA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,0CAAmCA,UACvDA,MAAA,eAAcA,MAAA,gKACuDA,QAErEA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,+BAAwBA,UAC5CA,MAAA,SAAIA,MAAA,0DAAmDA,QACvDA,MAAA,eAAcA,MAAA,qLAEdA,QACAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eAA2BA,MAAA,wKAC0DA,QACrFA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aAEJA,UAGJA,MAAA,aAAiBA,MAAA,mBAAWA,QAC5BA,MAAA,gBAAcA,MAAA,wOAE0CA,kBAOxEA,MAAA,aAAAA,CAAyC,aAAzCA,CAAyC,YAAzCA,CAAyC,aAAzCA,CAAyC,UAKrBA,MAAA,4BACJA,UAGJA,MAAA,cAiBAA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,qBAAcA,gBAMvDA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,uBAAcA,sBAsC9CA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGNA,MAAA,0BAASkD,EAAA0B,OAAO,mBAAmB,GAAG5E,MAAA,cACtCA,MAAA,sCACMA,YAElBA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAC6CA,MAAA,yBACrDA,MAAA,cAAyCA,yBAjEUA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SA4C9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAwF,g1ZDtOVgK,CAAoB,yHEA1B,IAAMC,GAAoB,MAA3B,MAAOA,EALb/N,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGaqK,EAAoB,oCAApBA,EAAoB9M,UAAA,uBAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOpBxB,EAAoB,mrDCfjCzB,MAAA,sBAEAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,mBACJA,UAKJA,MAAA,UAAAA,CAA4B,SAA8BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAGlHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE7F/E,QACAA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACAA,MAAA,eAA2BA,MAAA,gKAC8DA,UAE7FA,MAAA,aAA8BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAIhG/E,MAAA,WAAAA,CAAiB,QAAGA,MAAA,oCAA6BA,MAAA,QAAIA,MAAA,oBAAYA,QAAIA,MAAA,kDAAiCA,UAEtGA,MAAA,eACAA,MAAA,WAAAA,CAAiB,aAERA,MAAA,aACLA,UAIJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,qEAA8DA,UAClFA,MAAA,eAGAA,MAAA,WAAAA,CAAiB,aAERA,MAAA,aACLA,UAGJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,gKACyDA,UAC7EA,MAAA,eAEAA,MAAA,WAAAA,CAAiB,aAERA,MAAA,aACDA,MAAA,eAAyBA,MAAA,sDAA+CA,YAKhFA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,6HAC2BA,UAC/CA,MAAA,eAEAA,MAAA,WAAAA,CAAiB,aAERA,MAAA,aACLA,UAGJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,mEAA4DA,UAEhFA,MAAA,eAGAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,YAAiBA,MAAA,gEAAyDA,QAC1EA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAEJA,MAAA,YAAiBA,MAAA,uIACgBA,QACjCA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eAAoBA,MAAA,8NAEiBA,gBAQrDA,MAAA,YAAAA,CAAyC,YAAzCA,CAAyC,WAAzCA,CAAyC,YAAzCA,CAAyC,SAKrBA,MAAA,2BACJA,UAGJA,MAAA,aAiBAA,MAAA,YAAAA,CAAwB,UAAxBA,CAAwB,WAAxBA,CAAwB,aAGWA,MAAA,aACnBA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,oBAAaA,gBAMtDA,MAAA,YAAAA,CAAwB,UAAxBA,CAAwB,WAAxBA,CAAwB,aAGWA,MAAA,aACnBA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,+BAAwBA,sBAuCxDA,MAAA,aACIA,MAAA,SACAA,MAAA,YAAAA,CAAsB,YAAtBA,CAAsB,UAAtBA,CAAsB,iBAGNA,MAAA,0BAASkD,EAAA0B,OAAO,mBAAmB,GAAG5E,MAAA,cAAwCA,MAAA,+BACxEA,YAElBA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAC6CA,MAAA,yBACrDA,MAAA,cAAyCA,yBAjEUA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SA6C9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAuF,KAKAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAwF,+0ZDnMNiK,CAAoB,qIEA1B,IAAMC,GAA2B,MAAlC,MAAOA,EALbhO,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAmChBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EACjBtC,KAAA0I,KAAe,EACf1I,KAAA2I,OAAiB,EACjB3I,KAAAwN,KAAc,EACdxN,KAAAyN,OAAgB,EAiBlBzN,KAAAuC,OAAc,GArFZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,GAGG,KAAdtC,KAAKgC,QAEPhC,KAAK0I,KAAM,EACX1I,KAAK2I,OAAQ,GAIE,KAAd3I,KAAKgC,QACNhC,KAAKwN,KAAM,EACXxN,KAAKyN,OAAQ,EAIjB,CAWA9O,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAK,EACVlC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAM,EACXpC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAM,EACXtC,KAAK0I,KAAM,EACX1I,KAAK2I,OAAM,EACX3I,KAAKwN,KAAK,EACVxN,KAAKyN,OAAM,CAEf,CAIEvK,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAWZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDAnIasK,EAA2B,oCAA3BA,EAA2B/M,UAAA,+BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAO3BxB,EAAoB,kxCCfjCzB,MAAA,sBAEAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAMOA,MAAA,sCAAMA,UAKdA,MAAA,UAAAA,CAA4B,SAA8BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAGlHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE7F/E,QACAA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,iIAAsBA,QAC1BA,MAAA,eAA2BA,MAAA,2jDAC+GA,UAE9IA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,4HAAsBA,QAC1BA,MAAA,eAA2BA,MAAA,uyDAIfA,QAGZA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,sGACJA,QAGAA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,qFAAkBA,UACtCA,MAAA,eACIA,MAAA,83BAAgLA,QAEpLA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,iJAA4BA,UAChDA,MAAA,eAAcA,MAAA,gvBAAsJA,QAEpKA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,2IAA4BA,UAChDA,MAAA,eACIA,MAAA,8uBAAmJA,QAEvJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,oFAAiBA,UACrCA,MAAA,eAAcA,MAAA,q5BAAoLA,QAElMA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,4GAAqBA,UACzCA,MAAA,eAAcA,MAAA,oyBAA6JA,QAE3KA,MAAA,WAAAA,CAAiB,QAAIA,MAAA,yEAAeA,UACpCA,MAAA,eACIA,MAAA,opBAA+HA,UAGvIA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACIA,MAAA,qLAAsCA,QAC1CA,MAAA,eACIA,MAAA,grBAA2JA,QAE/JA,MAAA,WAAAA,CAAiB,QAAIA,MAAA,8GAAsBA,UAC3CA,MAAA,eAAcA,MAAA,+qCAA6OA,QAE3PA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,6GAAsBA,UAC1CA,MAAA,eAAcA,MAAA,86BAAmMA,QAGjNA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,6HAAuBA,UAC3CA,MAAA,eAAcA,MAAA,g3BAAkLA,QAGhMA,MAAA,WAAAA,CAAiB,QAAIA,MAAA,mHAAsBA,UAC3CA,MAAA,eAAcA,MAAA,q2BAA4KA,QAG1LA,MAAA,WAAAA,CAAiB,QAAIA,MAAA,gIAAyBA,UAC9CA,MAAA,eACIA,MAAA,4xBAAmKA,UAG3KA,MAAA,aAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAKA,MAAA,2LAAkCA,QAGvCA,MAAA,WAAAA,CAAiB,QAAIA,MAAA,+GAAuBA,UAC5CA,MAAA,eACIA,MAAA,suBAAgJA,QAEpJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,8GAAyBA,UAC7CA,MAAA,eAAcA,MAAA,4vBAAwJA,QAGtKA,MAAA,WAAAA,CAAiB,SAAGA,MAAA,oJAA8BA,UAClDA,MAAA,gBAAcA,MAAA,wkBAAsIA,QAGpJA,MAAA,YAAAA,CAAiB,SAAGA,MAAA,oEAAeA,UACnCA,MAAA,gBAAcA,MAAA,yUAAkEA,QAGhFA,MAAA,YAAAA,CAAiB,SAAGA,MAAA,qJACYA,UAChCA,MAAA,gBACIA,MAAA,6nBAA2HA,UAKnIA,MAAA,SAAGA,MAAA,0eAAiGA,gBAOpHA,MAAA,aAAAA,CAAyC,aAAzCA,CAAyC,YAAzCA,CAAyC,aAAzCA,CAAyC,UAKrBA,MAAA,2DACJA,UAGJA,MAAA,cAiBAA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,0FAAgBA,gBAMpCA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,qFAAgBA,gBAMpCA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,uGAAmBA,gBAMvCA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAGnF,MAAA,sLAAuCA,gBAOjFA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,2LAAkCA,sBAUvFA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGNA,MAAA,0BAASkD,EAAA0B,OAAO,mBAAmB,GAAG5E,MAAA,cAAwCA,MAAA,mHACxEA,YAElBA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBACqDA,MAAA,8GAC7DA,MAAA,cAAyCA,yBAjFUA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAeAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAsF,EAAA,KAAApC,EAAAK,SAe9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAuF,KAKAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAwF,05ZDxONkK,CAA2B,2BERxC1P,MAAA,qDACAA,MAAA,8BCMO,IAAM2P,GAA0B,MAAjC,MAAOA,EALbjO,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfW8J,EAA0B,oCAA1BA,EAA0BhN,UAAA,8BAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPvCjD,MAAA,EAAA4P,GAAA,mCACA5P,MAAA,EAAA6P,GAAA,yCAD4B7P,MAAA,OAAAkD,EAAA0C,SACD5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMd8J,CAA0B,kICChC,IAAMG,GAAiC,MAAxC,MAAOA,EALbpO,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGa0K,EAAiC,oCAAjCA,EAAiCnN,UAAA,qCAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOjCxB,EAAoB,stECfjCzB,MAAA,sBAEAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,WAKGA,MAAA,QAEJA,QACAA,MAAA,UAAAA,CAA4B,SAA8BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,aAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAMlHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE7F/E,QACAA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,4MAA2CA,QAC/CA,MAAA,eAA2BA,MAAA,ouCAA+PA,UAE9RA,MAAA,aAA8BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAIhG/E,MAAA,YAAiBA,MAAA,oKAAiCA,QAClDA,MAAA,eAAcA,MAAA,0FACdA,QAAQA,MAAA,SACRA,MAAA,eAAcA,MAAA,iOAA6CA,MAAA,WAAmDA,MAAA,kBAAWA,UAEzHA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eAAoBA,MAAA,wHAAuBA,QAAQA,MAAA,SACnDA,MAAA,eAAcA,MAAA,saAAwHA,QAAQA,MAAA,SAE9IA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,YAKRA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,gLAAkCA,UACtDA,MAAA,eAAcA,MAAA,+GAAqBA,QACnCA,MAAA,WAAAA,CAAkC,SACzBA,MAAA,2BAAIA,QACTA,MAAA,SAAIA,MAAA,kDAAQA,QACZA,MAAA,SAAIA,MAAA,oEAAWA,QACfA,MAAA,SAAIA,MAAA,sEAAaA,QACjBA,MAAA,SAAIA,MAAA,yDAAWA,UAEnBA,MAAA,eAAcA,MAAA,wOACdA,QAEAA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAIJA,MAAA,eAA2BA,MAAA,8EAAkBA,QAC7CA,MAAA,eAAcA,MAAA,4QAAwDA,QAGtEA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eAA4BA,MAAA,oOAA6CA,QAGzEA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,yHAAwBA,UAC5CA,MAAA,eAAcA,MAAA,+EACVA,QACJA,MAAA,QAAIA,MAAA,sOAA+CA,QACnDA,MAAA,QAAGA,MAAA,wCAAQA,QACXA,MAAA,QAAIA,MAAA,gDAAWA,QACfA,MAAA,QAAIA,MAAA,6DAAgBA,QACpBA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aAEJA,UAGJA,MAAA,eAA2BA,MAAA,wFAAgBA,QAC3CA,MAAA,QAAGA,MAAA,6LAAqCA,QACxCA,MAAA,QAAIA,MAAA,wEAAcA,QAClBA,MAAA,QAAIA,MAAA,gGAAkBA,QACtBA,MAAA,QAAIA,MAAA,yDAAeA,QACnBA,MAAA,QAAIA,MAAA,kGAAoBA,QACxBA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cAEJA,UAGJA,MAAA,gBAA2BA,MAAA,uGAAoBA,QAC/CA,MAAA,SAAIA,MAAA,yPAAkDA,QACtDA,MAAA,SAAIA,MAAA,8BAAOA,QACXA,MAAA,SAAIA,MAAA,0FAAgBA,QACpBA,MAAA,SAAIA,MAAA,yXAA0EA,QAC9EA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cAEJA,UAKJA,MAAA,gBAA2BA,MAAA,kEAAaA,QACxCA,MAAA,aAAOA,MAAA,+BAAoBA,QAC3BA,MAAA,SAAIA,MAAA,oWAAyEA,QAC7EA,MAAA,SAAIA,MAAA,mEAAcA,QAClBA,MAAA,SAAIA,MAAA,4DAAaA,QACjBA,MAAA,SAAIA,MAAA,kCAAWA,QACfA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cAEJA,UAGJA,MAAA,gBAA4BA,MAAA,iGAAsBA,QAClDA,MAAA,aAAOA,MAAA,sGAAoBA,QAC3BA,MAAA,SAAIA,MAAA,+bAAwFA,QAC5FA,MAAA,SAAIA,MAAA,+KAA+BA,QACnCA,MAAA,SAAIA,MAAA,4DAAYA,QAChBA,MAAA,SAAIA,MAAA,gFAAgBA,QACpBA,MAAA,SAAGA,MAAA,0FAAmBA,QACtBA,MAAA,SAAIA,MAAA,qfAAiGA,QACrGA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cAEJA,UAGJA,MAAA,YAAAA,CAAiB,SAAGA,MAAA,+JAAgCA,UACpDA,MAAA,gBAAcA,MAAA,qIAAyBA,QACvCA,MAAA,SAAGA,MAAA,ufACHA,QAEAA,MAAA,YAAAA,CAAiB,cAETA,MAAA,cAEJA,UAEJA,MAAA,YAAiBA,MAAA,mXAAyEA,QAC1FA,MAAA,gBAAcA,MAAA,8HAAwBA,QACtCA,MAAA,SAAIA,MAAA,uwBAA4JA,QAGhKA,MAAA,YAAAA,CAAiB,SAAGA,MAAA,sIAA2BA,UAC/CA,MAAA,UAAIA,MAAA,kJAA4BA,QAChCA,MAAA,SAAGA,MAAA,6jBACHA,QACAA,MAAA,SAAGA,MAAA,2bAAuFA,QAC1FA,MAAA,cACIA,MAAA,cACJA,QAGAA,MAAA,gBAA2BA,MAAA,2oBAAqIA,QAChKA,MAAA,gBAAcA,MAAA,s9BAAuMA,cAQjOA,MAAA,aAAAA,CAAyC,aAAzCA,CAAyC,YAAzCA,CAAyC,aAAzCA,CAAyC,UAKrBA,MAAA,2DAA+BA,UAGvCA,MAAA,cAiBAA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,uCAAMA,gBAM/CA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,2GAAkBA,sBAyClDA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGNA,MAAA,0BAASkD,EAAA0B,OAAO,mBAAmB,GAAG5E,MAAA,cAAwCA,MAAA,iDAGxEA,YAGlBA,MAAA,aAAAA,CAAuB,WAAvBA,CAAuB,iBACiDA,MAAA,oFACtDA,MAAA,cAAyCA,yBAtEUA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SA+C9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAuF,KAQAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAwF,g6ZD7RNsK,CAAiC,2BER9C9P,MAAA,oDACAA,MAAA,oCCMO,IAAM+P,GAAgC,MAAvC,MAAOA,EALbrO,cAOEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAhBWkK,EAAgC,oCAAhCA,EAAgCpN,UAAA,oCAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDP7CjD,MAAA,EAAAgQ,GAAA,kCACAhQ,MAAA,EAAAiQ,GAAA,+CAD2BjQ,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMpBkK,CAAgC,gICCtC,IAAMG,GAAyB,MAAhC,MAAOA,EALbxO,cAOEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDAtGa8K,EAAyB,oCAAzBA,EAAyBvN,UAAA,8BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAQzBxB,EAAoB,85DChBjCzB,MAAA,sBAEAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAMOA,MAAA,mJAAgCA,UAExCA,MAAA,UAAAA,CAA4B,SAA8BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAOlHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE7F/E,QACAA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SAAIA,MAAA,sCAAMA,QACVA,MAAA,eAA2BA,MAAA,4iCAAwNA,UAEvPA,MAAA,aAA8BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAIhG/E,MAAA,WAAAA,CAAiB,QAAGA,MAAA,mIAAkCA,UACtDA,MAAA,eAAcA,MAAA,6kBAA+HA,QAC7IA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,oIAAyBA,UAC7CA,MAAA,WAAAA,CAAiB,cAAjBA,CAAiB,QACIA,MAAA,2EAAaA,QAAKA,MAAA,WAG3BA,MAAA,gFAAwEA,QAAKA,MAAA,wNAA+DA,QAChJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,uFAAqBA,UAC7CA,MAAA,WAAAA,CAAiB,cAAjBA,CAAiB,QACIA,MAAA,2EAAaA,QAAMA,MAAA,WAG5BA,MAAA,2DAAmDA,QAAIA,MAAA,8OAA6DA,QAIhIA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,6BAAOA,UAC3BA,MAAA,eAAcA,MAAA,ukBAAmIA,QACjJA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,YAeJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,0JAAgCA,UACpDA,MAAA,eAAcA,MAAA,qgBAA8GA,QAC5HA,MAAA,cAAAA,CAAc,QAAGA,MAAA,sCAAMA,QAAKA,MAAA,20BAAqKA,QAEjMA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,sLAAmCA,UACvDA,MAAA,eAAcA,MAAA,+pBAAsIA,QAEpJA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,kPAAkDA,UACtEA,MAAA,eAAcA,MAAA,6hBAAiIA,QAE/IA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,uHAA2BA,UAC/CA,MAAA,SAAIA,MAAA,0RAAuDA,QAC3DA,MAAA,eAAcA,MAAA,m3BAAyMA,QACvNA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eAA2BA,MAAA,4uBAA4JA,QACvLA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aAEJA,UAGJA,MAAA,YAAiBA,MAAA,4CAAOA,QACxBA,MAAA,gBAAcA,MAAA,6gCAAuNA,kBAOrPA,MAAA,aAAAA,CAAyC,aAAzCA,CAAyC,YAAzCA,CAAyC,aAAzCA,CAAyC,UAKrBA,MAAA,2DAAiCA,UAGzCA,MAAA,cAiBAA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,uCAAOA,gBAMhDA,MAAA,aAAAA,CAAwB,WAAxBA,CAAwB,YAAxBA,CAAwB,cAGWA,MAAA,cACnBA,MAAA,cACJA,QACAA,MAAA,aAAAA,CAAuB,eAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,kFAAaA,sBAsC7CA,MAAA,cACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGNA,MAAA,0BAASkD,EAAA0B,OAAO,mBAAmB,GAAG5E,MAAA,cACtCA,MAAA,mHACMA,YAElBA,MAAA,aAAAA,CAA0B,WAA1BA,CAA0B,iBAC6CA,MAAA,gFACrDA,MAAA,cAAyCA,yBAjEUA,MAAA,KAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SA4C9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAuF,KAMAvF,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAwF,y5ZDrNV0K,CAAyB,2BERtClQ,MAAA,6CACAA,MAAA,6BCMO,IAAMmQ,GAAwB,MAA/B,MAAOA,EALbzO,cAOEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAhBWsK,EAAwB,oCAAxBA,EAAwBxN,UAAA,6BAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDPrCjD,MAAA,EAAAoQ,GAAA,2BACApQ,MAAA,EAAAqQ,GAAA,wCADoBrQ,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CCMbsK,CAAwB,kFCC9B,IAAMG,GAAyB,MAAhC,MAAOA,EALb5O,cAMEG,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EACrB3B,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAMpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAmBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAQnBtC,KAAAuC,OAAc,GA5DZC,mBACExC,KAAKyC,YAAYpC,SAAQ,EAC3B,CAGAqC,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,CAEd,CAIEiB,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDArGakL,EAAyB,oCAAzBA,EAAyB3N,UAAA,6BAAA0C,UAAA,SAAApC,EAAAC,MAAA,EAAAD,SAOzBxB,EAAoB,mmDCfjCzB,MAAA,sBAEAA,MAAA,UAAAA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,UAAjBA,CAAiB,QAKOA,MAAA,qCACJA,UAKJA,MAAA,UAAAA,CAA4B,SAA8BA,MAAA,0BAASkD,EAAAmB,kBAAkB,GAAGrE,MAAA,cAAAA,CAA0B,YAAuDA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAAtF5E,cAGlHA,MAAA,YAAuBA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE7F/E,QACAA,MAAA,YAA4BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAE9F/E,MAAA,SACAA,MAAA,eAA2BA,MAAA,+zBAAoKA,UAEnMA,MAAA,aAA8BA,MAAA,8BAAakD,EAAA6B,aAAY,EAAK,IAAI,EAAlC/E,CAAmC,6BAAakD,EAAA6B,aAAY,EAAM,IAAI,GAIhG/E,MAAA,WAAAA,CAAiB,QAAGA,MAAA,yJAA+BA,MAAA,QAAIA,MAAA,oBAAYA,QAAKA,MAAA,yOAAuDA,UAE/HA,MAAA,eACAA,MAAA,WAAAA,CAAiB,aAERA,MAAA,aACLA,UAIJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,wNAA4CA,UAChEA,MAAA,eAAcA,MAAA,uRAA8DA,QAG5EA,MAAA,WAAAA,CAAiB,aAERA,MAAA,aACLA,UAGJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,0LAAkDA,UACtEA,MAAA,eAAcA,MAAA,ilBAA6IA,QAE3JA,MAAA,WAAAA,CAAiB,aAERA,MAAA,aACDA,MAAA,eAAyBA,MAAA,4OAAuDA,YAKxFA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,sIAAgCA,UACpDA,MAAA,eAAcA,MAAA,0cAAgGA,QAE9GA,MAAA,WAAAA,CAAiB,aAERA,MAAA,aACLA,UAGJA,MAAA,WAAAA,CAAiB,QAAGA,MAAA,8FAAsBA,UAE1CA,MAAA,eAAcA,MAAA,6WAA8EA,QAG5FA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,YAAiBA,MAAA,+RAA4DA,QAC7EA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAEJA,MAAA,YAEIA,MAAA,4fAAmHA,QACvHA,MAAA,WAAAA,CAAiB,aAETA,MAAA,aACJA,UAGJA,MAAA,eAAoBA,MAAA,8/BAAkNA,gBAQtPA,MAAA,YAAAA,CAAyC,YAAzCA,CAAyC,WAAzCA,CAAyC,YAAzCA,CAAyC,SAKrBA,MAAA,0DAA6BA,UAGrCA,MAAA,aAiBAA,MAAA,YAAAA,CAAwB,UAAxBA,CAAwB,WAAxBA,CAAwB,aAGWA,MAAA,aACnBA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GAAEnF,MAAA,sCAAMA,gBAM/CA,MAAA,YAAAA,CAAwB,UAAxBA,CAAwB,WAAxBA,CAAwB,aAGWA,MAAA,aACnBA,MAAA,aACJA,QACAA,MAAA,YAAAA,CAAuB,cAEfA,MAAA,0BAASkD,EAAAiC,MAAM,IAAI,GACnBnF,MAAA,4JAA4BA,sBAuC5DA,MAAA,aACIA,MAAA,UACAA,MAAA,aAAAA,CAAsB,aAAtBA,CAAsB,WAAtBA,CAAsB,iBAGNA,MAAA,0BAASkD,EAAA0B,OAAO,mBAAmB,GAAG5E,MAAA,cAAwCA,MAAA,yFACxEA,yBA7DmDA,MAAA,IAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SAcAvD,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAsF,GAAA,KAAApC,EAAAK,SA6C9DvD,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAuF,w5ZDzLN+K,CAAyB,2BERtCtQ,MAAA,4CACAA,MAAA,4BCsFA,MAAMuQ,GAAiB,CACnB,CAAEC,KAAM,GAAIC,WAAY,kBAAmBC,UAAW,QACrD,CAAEF,KAAM,aAAcG,UAAW3J,IACjC,CAAEwJ,KAAM,UAAWG,UAAWtJ,IAC9B,CAAEmJ,KAAM,oBAAqBG,UAAWhL,IACxC,CAAE6K,KAAM,iBAAkBG,UAAWtK,IACrC,CAAEmK,KAAM,WAAYG,UAAWjK,IAC/B,CAAE8J,KAAM,UAAWG,UAAWjJ,IAC9B,CAAE8I,KAAM,aAAcG,UAAW5I,IACjC,CAAEyI,KAAM,QAASG,UAAWvI,IAC5B,CAAEoI,KAAM,eAAgBG,UAAW7H,IACnC,CAAE0H,KAAM,cAAeG,UAAWlI,IAClC,CAAE+H,KAAM,gBAAiBG,UAAWxH,IACpC,CAAEqH,KAAM,cAAeG,UAAW9G,IAClC,CAAE2G,KAAM,eAAgBG,UAAWnH,IACnC,CAAEgH,KAAM,aAAcG,UAAWzG,IACjC,CAAEsG,KAAM,kBAAmBG,UAAWhG,IACtC,CAAE6F,KAAM,UAAWG,UAAW3F,IAC9B,CAAEwF,KAAM,cAAeG,UAAWtF,IAClC,CAAEmF,KAAM,YAAaG,UAAWjF,IAChC,CAAE8E,KAAM,kBAAmBG,UAAW5E,IACtC,CAAEyE,KAAM,UAAWG,UAAWxD,IAC9B,CAAEqD,KAAO,gBAAiBG,UAAWzC,IACrC,CAAEsC,KAAM,aAAcG,UAAW7D,IACjC,CAAE0D,KAAM,WAAYG,UAAWnD,IAC/B,CAAEgD,KAAM,UAAWG,UAAW9C,IAC9B,CAAE2C,KAAM,QAASG,UAAWlE,IAC5B,CAAE+D,KAAM,aAAcG,UAAWvE,IACjC,CAAEoE,KAAM,eAAgBG,UAAUlP,GAClC,CAAE+O,KAAM,SAAUG,UAAUpC,IAC5B,CAAEiC,KAAM,qBAAsBG,UAAU/B,IACxC,CAAE4B,KAAM,0BAA2BG,UAAU1B,IAC7C,CAAEuB,KAAM,wBAAyBG,UAAUvB,IAC3C,CAACoB,KAAM,uBAAwBG,UAAUpB,IACzC,CAAEiB,KAAK,gBAAiBG,UAAUnB,IAClC,CAACgB,KAAK,eAAgBG,UAAUlB,IAChC,CAACe,KAAK,iBAAkBG,UAAUhB,IAClC,CAACa,KAAK,wBAAwBG,UAAUZ,IACxC,CAACS,KAAK,cAAeG,UAAUR,IAC/B,CAACK,KAAK,kBAAkBG,UCvHQ,MAA/B,MAAOC,EALblP,cAOEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAhBW+K,EAAwB,oCAAxBA,EAAwBjO,UAAA,4BAAAE,MAAA,EAAAC,KAAA,EAAAC,OAAA,aAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IFPrCjD,MAAA,EAAA6Q,GAAA,0BACA7Q,MAAA,EAAA8Q,GAAA,uCADmB9Q,MAAA,OAAAkD,EAAA0C,SACM5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,6CEMZ+K,CAAwB,ODmI9B,IAAMG,GAAgB,MAAvB,MAAOA,oDAAgB,mCAAhBA,GAAgB,uCAHjBC,KAAaC,QAAQV,IACrBS,OAAY,SAEXD,CAAgB,4BExIrB/Q,MAAA,UAAAA,CAAqD,SACwGA,MAAA,2BAAqBA,kCAElLA,MAAA,UAAAA,CAAqD,SACuBA,MAAA,qBAAeA,kCAE3FA,MAAA,UAAAA,CAAqD,SAC2EA,MAAA,WAAKA,kCAErIA,MAAA,WAAAA,CAAqD,UACoFA,MAAA,yBAAmBA,kCAE5JA,MAAA,WAAAA,CAAqD,UAC8FA,MAAA,uBAAiBA,kCAEpKA,MAAA,WAAAA,CAAmD,SACyGA,MAAA,sJAA6BA,kCAEzLA,MAAA,UAAAA,CAAmD,UACyCA,MAAA,qFAAcA,kCAE1GA,MAAA,UAAAA,CAAmD,SAC6EA,MAAA,oCAAKA,kCAErIA,MAAA,WAAAA,CAAmD,UACsFA,MAAA,iGAAgBA,kCAEzJA,MAAA,WAAAA,CAAmD,UACgGA,MAAA,gHAAqBA,WCvBzK,IAAMkR,GAAe,MAAtB,MAAOA,EALbxP,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACd7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAfWqL,EAAe,oCAAfA,EAAevO,UAAA,iBAAAE,MAAA,GAAAC,KAAA,GAAAC,OAAA,8+BAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDP5BjD,MAAA,UAAAA,CAAsD,WAE9CA,MAAA,EAAAmR,GAAA,aAGAnR,MAAA,EAAAoR,GAAA,aAGApR,MAAA,EAAAqR,GAAA,aAGArR,MAAA,EAAAsR,GAAA,aAGAtR,MAAA,EAAAuR,GAAA,aAGAvR,MAAA,EAAAwR,GAAA,aAGAxR,MAAA,EAAAyR,GAAA,aAGAzR,MAAA,EAAA0R,GAAA,aAGA1R,MAAA,GAAA2R,GAAA,aAGA3R,MAAA,GAAA4R,GAAA,aAGJ5R,iBA9B0CA,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAGA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAGA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAGA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAGA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAGA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAGA7F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAGA7F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAGA7F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAGA7F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,u2ZCtBjCqL,CAAe,oECIAlR,MAAA,cAA8EA,MAAA,UAAIA,8BAAxDA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,QAAA/D,EAAAkC,mCAC1BzD,MAAA,cAA4EA,MAAA,+BACtEA,8BADoBA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,QAAAuM,EAAApO,mCAc1BzD,MAAA,cAAmFA,MAAA,mBAAaA,8BAAtEA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,YAAAwM,EAAArO,mCAC1BzD,MAAA,cAAkFA,MAAA,sEAAaA,8BAArEA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,YAAAyM,EAAAtO,gCAY9BzD,MAAA,cAA4CA,MAAA,qBAAeA,gCAC3DA,MAAA,cAA4BA,MAAA,yEAAYA,kDAE5CA,MAAA,YAA2BA,MAAA,mBAAAA,MAAAgS,GAAA,MAAAC,EAAAjS,QAAA,OAASA,MAAAiS,EAAApN,QAAQ,KAAI,GAC5C7E,MAAA,YACJA,kDACAA,MAAA,YAA2BA,MAAA,mBAAAA,MAAAkS,GAAA,MAAAC,EAAAnS,QAAA,OAASA,MAAAmS,EAAA3R,QAAO,GACvCR,MAAA,YACJA,kDAOwBA,MAAA,WAAIA,MAAA,mBAAAA,MAAAoS,GAAA,MAAAC,EAAArS,MAAA,UAASA,MAAAqS,EAAAzN,OAAO,mBAAkB,GAElC5E,MAAA,uCACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,mBAAAgN,EAAA7O,kDAGJzD,MAAA,WAAIA,MAAA,mBAAAA,MAAAuS,GAAA,MAAAC,EAAAxS,MAAA,UAASA,MAAAwS,EAAA5N,OAAO,mBAAkB,GAElC5E,MAAA,uHACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,mBAAAmN,EAAAhP,kDAOJzD,MAAA,WAAIA,MAAA,mBAAAA,MAAA0S,GAAA,MAAAC,EAAA3S,MAAA,UAASA,MAAA2S,EAAA/N,OAAO,2BAA0B,GAE1C5E,MAAA,0CACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,2BAAAsN,EAAAnP,kDAGJzD,MAAA,WAAkBA,MAAA,mBAAAA,MAAA6S,GAAA,MAAAC,EAAA9S,MAAA,UAASA,MAAA8S,EAAAlO,OAAO,2BAA0B,GAGxD5E,MAAA,sMACJA,iCAHIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,2BAAAyN,EAAAtP,qJAvB5BzD,MAAA,UAAAA,CAA2C,WAA3CA,CAA2C,WAA3CA,CAA2C,OAA3CA,CAA2C,QAA3CA,CAA2C,YAMnBA,MAAA,EAAAgT,GAAA,aAIAhT,MAAA,EAAAiT,GAAA,aAIJjT,UAEJA,MAAA,QAAAA,CAA+C,YAEvCA,MAAA,GAAAkT,GAAA,aAIAlT,MAAA,GAAAmT,GAAA,aAKJnT,wCAvBDA,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAuF,KACkBvF,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAwF,EAAA,mBAAA4N,EAAA3P,QAEuCzD,MAAA,GAAAA,MAAA,OAAAoT,EAAAxN,SAIA5F,MAAA,GAAAA,MAAA,OAAAoT,EAAAvN,OAKzD7F,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAyF,KACsBzF,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAwF,EAAA,2BAAA4N,EAAA3P,QAE2CzD,MAAA,GAAAA,MAAA,OAAAoT,EAAAxN,SAIC5F,MAAA,GAAAA,MAAA,OAAAoT,EAAAvN,kCAoB7E7F,MAAA,cAAsFA,MAAA,yBAAkBA,8BAA9EA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,cAAA/E,EAAAkD,mCAC1BzD,MAAA,cAAoFA,MAAA,2HAAqBA,8BAA/EA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,cAAA+N,EAAA5P,mCAa1BzD,MAAA,cACoBA,MAAA,wBAAkBA,8BADZA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,sBAAA7E,EAAAgD,mCAE1BzD,MAAA,cACkBA,MAAA,wGAClBA,8BAF0BA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,sBAAA3E,EAAA8C,mCA6B1BzD,MAAA,cACoBA,MAAA,iBAAWA,8BADLA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,eAAAzE,EAAA4C,mCAE1BzD,MAAA,cACkBA,MAAA,mEAAWA,8BADHA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,eAAAvE,EAAA0C,mCAa1BzD,MAAA,cAAyFA,MAAA,qBAC1EA,8BADWA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,mBAAArE,EAAAwC,mCAE1BzD,MAAA,cAAuFA,MAAA,qFACzEA,8BADYA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,mBAAAgO,EAAA7P,gCAa9BzD,MAAA,cAA0CA,MAAA,cAAQA,gCAClDA,MAAA,cAAwCA,MAAA,qFAAcA,kDAE1DA,MAAA,YAA2BA,MAAA,mBAAAA,MAAAuT,GAAA,MAAAC,EAAAxT,QAAA,OAASA,MAAAwT,EAAA3O,QAAQ,KAAI,GAC5C7E,MAAA,YACJA,kDACAA,MAAA,YAA2BA,MAAA,mBAAAA,MAAAyT,GAAA,MAAAC,EAAA1T,QAAA,OAASA,MAAA0T,EAAAlT,QAAO,GACvCR,MAAA,YACJA,kDAOwBA,MAAA,WAAIA,MAAA,mBAAAA,MAAA2T,GAAA,MAAAC,EAAA5T,MAAA,UAASA,MAAA4T,EAAAhP,OAAO,YAAW,GAE3B5E,MAAA,gCACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,YAAAuO,EAAApQ,kDAGJzD,MAAA,WAAIA,MAAA,mBAAAA,MAAA8T,GAAA,MAAAC,EAAA/T,MAAA,UAASA,MAAA+T,EAAAnP,OAAO,yBAAwB,GAE5C5E,MAAA,kIACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,wBAAA0O,EAAAvQ,kDAOAzD,MAAA,WAAIA,MAAA,mBAAAA,MAAAiU,GAAA,MAAAC,EAAAlU,MAAA,UAASA,MAAAkU,EAAAtP,OAAO,wBAAuB,GAEvC5E,MAAA,4BAEJA,iCAHIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,wBAAA6O,EAAA1Q,kDAIJzD,MAAA,WAAIA,MAAA,mBAAAA,MAAAoU,GAAA,MAAAC,EAAArU,MAAA,UAASA,MAAAqU,EAAAzP,OAAO,yBAAwB,GAExC5E,MAAA,yGACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,yBAAAgP,EAAA7Q,kDAQJzD,MAAA,WAAIA,MAAA,mBAAAA,MAAAuU,GAAA,MAAAC,EAAAxU,MAAA,UAASA,MAAAwU,EAAA5P,OAAO,iBAAgB,GAEhC5E,MAAA,6BAEJA,iCAHIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,iBAAAmP,EAAAhR,kDAIJzD,MAAA,WAAIA,MAAA,mBAAAA,MAAA0U,GAAA,MAAAC,EAAA3U,MAAA,UAASA,MAAA2U,EAAA/P,OAAO,iBAAgB,GAEhC5E,MAAA,kKACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,iBAAAsP,EAAAnR,kDAOJzD,MAAA,WAAIA,MAAA,mBAAAA,MAAA6U,GAAA,MAAAC,EAAA9U,MAAA,UAASA,MAAA8U,EAAAlQ,OAAO,gBAAe,GAE/B5E,MAAA,8BAEJA,iCAHIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,gBAAAyP,EAAAtR,kDAIJzD,MAAA,WAAIA,MAAA,mBAAAA,MAAAgV,GAAA,MAAAC,EAAAjV,MAAA,UAASA,MAAAiV,EAAArQ,OAAO,iBAAgB,GAEhC5E,MAAA,4JACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,iBAAA4P,EAAAzR,kNAnD5BzD,MAAA,UAAAA,CAA2C,WAA3CA,CAA2C,WAA3CA,CAA2C,OAA3CA,CAA2C,QAA3CA,CAA2C,YAMnBA,MAAA,EAAAmV,GAAA,aAIAnV,MAAA,EAAAoV,GAAA,aAIJpV,UAEJA,MAAA,QAAAA,CAA6C,YAErCA,MAAA,GAAAqV,GAAA,aAKArV,MAAA,GAAAsV,GAAA,aAIJtV,UAGJA,MAAA,SAAAA,CAAmC,aAE3BA,MAAA,GAAAuV,GAAA,aAKAvV,MAAA,GAAAwV,GAAA,aAIJxV,UAEJA,MAAA,SAAAA,CAAuC,aAE/BA,MAAA,GAAAyV,GAAA,aAKAzV,MAAA,GAAA0V,GAAA,aAIJ1V,wCAlDDA,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAA+G,KACkB/G,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAwF,EAAA,YAAAmQ,EAAAlS,QAEgCzD,MAAA,GAAAA,MAAA,OAAA2V,EAAA/P,SAIQ5F,MAAA,GAAAA,MAAA,OAAA2V,EAAA9P,OAK1D7F,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAA4V,KACkB5V,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAwF,EAAA,wBAAAmQ,EAAAlS,QAE4CzD,MAAA,GAAAA,MAAA,OAAA2V,EAAA/P,SAKC5F,MAAA,GAAAA,MAAA,OAAA2V,EAAA9P,OAM/D7F,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAA6V,KACkB7V,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAwF,EAAA,iBAAAmQ,EAAAlS,QAEqCzD,MAAA,GAAAA,MAAA,OAAA2V,EAAA/P,SAKA5F,MAAA,GAAAA,MAAA,OAAA2V,EAAA9P,OAKvD7F,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAA8V,KACkB9V,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAwF,EAAA,gBAAAmQ,EAAAlS,QAEoCzD,MAAA,GAAAA,MAAA,OAAA2V,EAAA/P,SAKC5F,MAAA,GAAAA,MAAA,OAAA2V,EAAA9P,+BAkBtE7F,MAAA,cAA0CA,MAAA,kBAAYA,gCACtDA,MAAA,cAA4BA,MAAA,mEAAWA,kDAE3CA,MAAA,YAA2BA,MAAA,mBAAAA,MAAA+V,GAAA,MAAAC,EAAAhW,QAAA,OAASA,MAAAgW,EAAAnR,QAAQ,KAAI,GAC5C7E,MAAA,YACJA,kDACAA,MAAA,YAA2BA,MAAA,mBAAAA,MAAAiW,GAAA,MAAAC,EAAAlW,QAAA,OAASA,MAAAkW,EAAA1V,QAAO,GACvCR,MAAA,YACJA,kDAOwBA,MAAA,WAAIA,MAAA,mBAAAA,MAAAmW,GAAA,MAAAC,EAAApW,MAAA,UAASA,MAAAoW,EAAAxR,OAAO,gBAAe,GAE/B5E,MAAA,oCACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,gBAAA+Q,EAAA5S,kDAGJzD,MAAA,WAAIA,MAAA,mBAAAA,MAAAsW,GAAA,MAAAC,EAAAvW,MAAA,UAASA,MAAAuW,EAAA3R,OAAO,gBAAe,GAE/B5E,MAAA,iHACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,gBAAAkR,EAAA/S,kDAOJzD,MAAA,WAAIA,MAAA,mBAAAA,MAAAyW,GAAA,MAAAC,EAAA1W,MAAA,UAASA,MAAA0W,EAAA9R,OAAO,kBAAiB,GAEjC5E,MAAA,mCAEJA,iCAHIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,kBAAAqR,EAAAlT,kDAIJzD,MAAA,WAAkBA,MAAA,mBAAAA,MAAA4W,GAAA,MAAAC,EAAA7W,MAAA,UAASA,MAAA6W,EAAAjS,OAAO,kBAAiB,GAG/C5E,MAAA,4JACJA,iCAHIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,kBAAAwR,EAAArT,sHAxB5BzD,MAAA,UAAAA,CAA2C,WAA3CA,CAA2C,WAA3CA,CAA2C,OAA3CA,CAA2C,QAA3CA,CAA2C,YAMnBA,MAAA,EAAA+W,GAAA,aAIA/W,MAAA,EAAAgX,GAAA,aAIJhX,UAEJA,MAAA,QAAAA,CAAmC,YAE3BA,MAAA,GAAAiX,GAAA,aAKAjX,MAAA,GAAAkX,GAAA,aAKJlX,wCAxBDA,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAAmX,KACkBnX,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAwF,EAAA,gBAAA4R,EAAA3T,QAEoCzD,MAAA,GAAAA,MAAA,OAAAoX,EAAAxR,SAIA5F,MAAA,GAAAA,MAAA,OAAAoX,EAAAvR,OAKtD7F,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAqX,KACsBrX,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAwF,EAAA,kBAAA4R,EAAA3T,QAEkCzD,MAAA,GAAAA,MAAA,OAAAoX,EAAAxR,SAKC5F,MAAA,GAAAA,MAAA,OAAAoX,EAAAvR,kCAmBpE7F,MAAA,cACoBA,MAAA,aAAOA,8BADDA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,WAAAgS,EAAA7T,mCAE1BzD,MAAA,cACkBA,MAAA,iDAAQA,8BADAA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,WAAAiS,EAAA9T,mCAa1BzD,MAAA,cAAoFA,MAAA,gBAC1EA,8BADgBA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,cAAAkS,EAAA/T,mCAE1BzD,MAAA,cAAkFA,MAAA,qCAC3EA,8BADmBA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,cAAAmS,EAAAhU,mCAa1BzD,MAAA,cAAoFA,MAAA,gBAC9EA,8BADoBA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,cAAAoS,EAAAjU,mCAE1BzD,MAAA,cAAkFA,MAAA,+EACxEA,8BADgBA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,cAAAqS,EAAAlU,mCAa1BzD,MAAA,cACoBA,MAAA,aAAOA,8BADDA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,WAAAsS,EAAAnU,mCAE1BzD,MAAA,cACkBA,MAAA,0CAAMA,8BADEA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,WAAAuS,EAAApU,mCAa1BzD,MAAA,cAAoFA,MAAA,eAC7EA,8BADmBA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,aAAAwS,EAAArU,mCAE1BzD,MAAA,cAAkFA,MAAA,qFAAcA,8BAAtEA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,aAAAyS,EAAAtU,mCAY1BzD,MAAA,cAAuFA,MAAA,kBAAYA,8BAAzEA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,gBAAA0S,EAAAvU,mCAC1BzD,MAAA,cAAqFA,MAAA,wEAAWA,8BAAtEA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,gBAAA2S,EAAAxU,mCAY1BzD,MAAA,cAAiFA,MAAA,aAAOA,8BAA9DA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,WAAA4S,EAAAzU,mCAC1BzD,MAAA,cAA+EA,MAAA,oCAAKA,8BAA1DA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,WAAA6S,EAAA1U,mCAa1BzD,MAAA,cAAmFA,MAAA,cAAQA,8BAAjEA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,YAAA8S,EAAA3U,mCAC1BzD,MAAA,cAAiFA,MAAA,wEAAWA,8BAAlEA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,YAAA+S,EAAA5U,gCAW9BzD,MAAA,cAA0CA,MAAA,iBAAWA,gCACrDA,MAAA,cAAwCA,MAAA,mEAAWA,kDAEvDA,MAAA,YAA2BA,MAAA,mBAAAA,MAAAsY,GAAA,MAAAC,EAAAvY,QAAA,OAASA,MAAAuY,EAAA1T,QAAQ,KAAI,GAC5C7E,MAAA,YACJA,kDACAA,MAAA,YAA2BA,MAAA,mBAAAA,MAAAwY,GAAA,MAAAC,EAAAzY,QAAA,OAASA,MAAAyY,EAAAjY,QAAO,GACvCR,MAAA,YACJA,kDAOwBA,MAAA,WAAaA,MAAA,mBAAAA,MAAA0Y,GAAA,MAAAC,EAAA3Y,MAAA,UAASA,MAAA2Y,EAAA/T,OAAO,eAAc,GAEvC5E,MAAA,mCACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,eAAAsT,EAAAnV,kDAIJzD,MAAA,WAAaA,MAAA,mBAAAA,MAAA6Y,GAAA,MAAAC,EAAA9Y,MAAA,UAASA,MAAA8Y,EAAAlU,OAAO,eAAc,GAEvC5E,MAAA,iHACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,eAAAyT,EAAAtV,kDAOJzD,MAAA,WAAaA,MAAA,mBAAAA,MAAAgZ,GAAA,MAAAC,EAAAjZ,MAAA,UAASA,MAAAiZ,EAAArU,OAAO,gBAAe,GAExC5E,MAAA,mCACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,gBAAA4T,EAAAzV,kDAGJzD,MAAA,WAAaA,MAAA,mBAAAA,MAAAmZ,GAAA,MAAAC,EAAApZ,MAAA,UAASA,MAAAoZ,EAAAxU,OAAO,gBAAe,GAE5C5E,MAAA,gJACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,gBAAA+T,EAAA5V,kDAOAzD,MAAA,WAAaA,MAAA,mBAAAA,MAAAsZ,GAAA,MAAAC,EAAAvZ,MAAA,UAASA,MAAAuZ,EAAA3U,OAAO,iBAAgB,GAEzC5E,MAAA,2CACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,iBAAAkU,EAAA/V,kDAIJzD,MAAA,WAAaA,MAAA,mBAAAA,MAAAyZ,GAAA,MAAAC,EAAA1Z,MAAA,UAASA,MAAA0Z,EAAA9U,OAAO,iBAAgB,GAEzC5E,MAAA,gMACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,iBAAAqU,EAAAlW,8JArC5BzD,MAAA,UAAAA,CAA2C,WAA3CA,CAA2C,WAA3CA,CAA2C,OAA3CA,CAA2C,QAA3CA,CAA2C,YAMnBA,MAAA,EAAA4Z,GAAA,aAKA5Z,MAAA,EAAA6Z,GAAA,aAIJ7Z,UAEJA,MAAA,QAAAA,CAAoC,YAE5BA,MAAA,GAAA8Z,GAAA,aAIA9Z,MAAA,GAAA+Z,GAAA,aAIJ/Z,UAEJA,MAAA,SAAAA,CAAqC,aAE7BA,MAAA,GAAAga,GAAA,aAKAha,MAAA,GAAAia,GAAA,aAIJja,wCApCDA,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAka,KACkBla,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAwF,EAAA,eAAA2U,EAAA1W,QAEmCzD,MAAA,GAAAA,MAAA,OAAAma,EAAAvU,SAKA5F,MAAA,GAAAA,MAAA,OAAAma,EAAAtU,OAKrD7F,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAoa,KACkBpa,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAwF,EAAA,gBAAA2U,EAAA1W,QAEoCzD,MAAA,GAAAA,MAAA,OAAAma,EAAAvU,SAIJ5F,MAAA,GAAAA,MAAA,OAAAma,EAAAtU,OAKlD7F,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAqa,KACkBra,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAwF,EAAA,iBAAA2U,EAAA1W,QAEqCzD,MAAA,GAAAA,MAAA,OAAAma,EAAAvU,SAKA5F,MAAA,GAAAA,MAAA,OAAAma,EAAAtU,+BAiBtE7F,MAAA,cAA0CA,MAAA,4BAAsBA,gCAChEA,MAAA,cAAwCA,MAAA,mGAAkBA,kDAE9DA,MAAA,YAA2BA,MAAA,mBAAAA,MAAAsa,GAAA,MAAAC,EAAAva,QAAA,OAASA,MAAAua,EAAA1V,QAAQ,KAAI,GAC5C7E,MAAA,YACJA,kDACAA,MAAA,YAA2BA,MAAA,mBAAAA,MAAAwa,GAAA,MAAAC,EAAAza,QAAA,OAASA,MAAAya,EAAAja,QAAO,GACvCR,MAAA,YACJA,kDAOwBA,MAAA,WAAIA,MAAA,mBAAAA,MAAA0a,GAAA,MAAAC,EAAA3a,MAAA,UAASA,MAAA2a,EAAA/V,OAAO,uBAAsB,GAEtC5E,MAAA,2CACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,uBAAAsV,EAAAnX,kDAGJzD,MAAA,WAAIA,MAAA,mBAAAA,MAAA6a,GAAA,MAAAC,EAAA9a,MAAA,UAASA,MAAA8a,EAAAlW,OAAO,uBAAsB,GAE1C5E,MAAA,gJACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,uBAAAyV,EAAAtX,kDAOAzD,MAAA,WAAIA,MAAA,mBAAAA,MAAAgb,GAAA,MAAAC,EAAAjb,MAAA,UAASA,MAAAib,EAAArW,OAAO,oBAAmB,GAEnC5E,MAAA,wBACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,oBAAA4V,EAAAzX,kDAGJzD,MAAA,WAAIA,MAAA,mBAAAA,MAAAmb,GAAA,MAAAC,EAAApb,MAAA,UAASA,MAAAob,EAAAxW,OAAO,oBAAmB,GAEnC5E,MAAA,yIACJA,iCAFIA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,oBAAA+V,EAAA5X,8HAvB5BzD,MAAA,UAAAA,CAA2C,WAA3CA,CAA2C,WAA3CA,CAA2C,OAA3CA,CAA2C,QAA3CA,CAA2C,YAMnBA,MAAA,EAAAsb,GAAA,aAIAtb,MAAA,EAAAub,GAAA,aAIJvb,UAEJA,MAAA,QAAAA,CAAsC,YAE9BA,MAAA,GAAAwb,GAAA,aAIAxb,MAAA,GAAAyb,GAAA,aAIJzb,wCAtBDA,MAAA,GAAAA,MAAA,aAAAA,MAAA,EAAA0b,KACkB1b,MAAA,GAAAA,MAAA,UAAAA,MAAA,EAAAwF,EAAA,uBAAAmW,EAAAlY,QAE2CzD,MAAA,GAAAA,MAAA,OAAA2b,EAAA/V,SAIJ5F,MAAA,GAAAA,MAAA,OAAA2b,EAAA9V,OAKzD7F,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAA4b,KACkB5b,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAwF,EAAA,oBAAAmW,EAAAlY,QAEwCzD,MAAA,GAAAA,MAAA,OAAA2b,EAAA/V,SAIA5F,MAAA,GAAAA,MAAA,OAAA2b,EAAA9V,kCAoJrE7F,MAAA,cACoBA,MAAA,aAAOA,8BADDA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,WAAAuW,EAAApY,mCAE1BzD,MAAA,cACkBA,MAAA,+BAAKA,8BADGA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,WAAAwW,EAAArY,mCAc1BzD,MAAA,cACoBA,MAAA,iBAAWA,8BADLA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,SAAAyW,EAAAtY,mCAE1BzD,MAAA,cACkBA,MAAA,oEAAaA,8BADLA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,SAAA0W,EAAAvY,mCAc1BzD,MAAA,cACoBA,MAAA,gBAAUA,8BADJA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,cAAA2W,EAAAxY,mCAE1BzD,MAAA,cACkBA,MAAA,uDAASA,8BADDA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,cAAA4W,EAAAzY,mCAc1BzD,MAAA,cACoBA,MAAA,cAAQA,8BADFA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,WAAA6W,EAAA1Y,mCAE1BzD,MAAA,cACkBA,MAAA,uDAASA,8BADDA,MAAA,UAAAA,MAAA,EAAAsF,EAAA,WAAA8W,EAAA3Y,wrBCvrB/C,IAAM4Y,GAAgB,MAAvB,MAAOA,EALb3a,cAMEG,KAAA+D,SAAgB,EAChB/D,KAAAgE,OAAc,EACdhE,KAAA4B,MAAa,kBAgBb5B,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAA0B,OAAc,IACd1B,KAAA2B,WAAqB,EAErB3B,KAAA6B,UAAoB,kBAEpB7B,KAAA8B,QAAiB,CAAC,sBAAsB,qBAAqB,cAAc,8BAA8B,wBAAwB,sBAAsB,2BAA2B,uBAAuB,4BAA4B,6BAA6B,sBAAsB,4BAA4B,qBAAqB,6BAA6B,6BAoBtW9B,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAmChBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EACjBtC,KAAA0I,KAAe,EACf1I,KAAA2I,OAAiB,EACjB3I,KAAAwN,KAAc,EACdxN,KAAAyN,OAAgB,EAgBlBzN,KAAAuC,OAAc,GAvGZpC,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtC,IAAIsW,EAA6C,MAAnCvW,aAAaC,QAAQ,aAAmB,kBAAoBD,aAAaC,QAAQ,aAC/FnE,KAAK4B,MAAO6Y,EACI,WAAZxW,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,CASAtB,SAASC,GACP3C,KAAK4B,MAAQe,EAAMC,OAAOhB,MAC1B5B,KAAK2B,WAAY,CACnB,CAEAkB,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACLuB,aAAawW,QAAQ,YAAY/X,GACjC3C,KAAK4B,MAAQe,CAGf,CAGAK,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,GAIG,KAAdtC,KAAKgC,QAEPhC,KAAK0I,KAAM,EACX1I,KAAK2I,OAAQ,GAIE,KAAd3I,KAAKgC,QACNhC,KAAKwN,KAAM,EACXxN,KAAKyN,OAAQ,EAGjB,CAWA9O,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAK,EACVlC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAM,EACXpC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAM,EACXtC,KAAK0I,KAAM,EACX1I,KAAK2I,OAAM,EACX3I,KAAKwN,KAAK,EACVxN,KAAKyN,OAAM,CACf,CAIEvK,YAAYC,EAAaC,GAC3BpD,KAAKqD,UAAUF,EACfnD,KAAKuC,OAAOa,EACO,GAAhBpD,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,KAEO,GAAhB1B,KAAKqD,WAAgC,KAAbrD,KAAKuC,SAEhCvC,KAAK0B,OAAO,IAMZ,CACA4B,MAAMC,GAGJvD,KAAK0B,OADI6B,CAEX,iDA5IaiX,EAAgB,oCAAhBA,EAAgB1Z,UAAA,kBAAAE,MAAA,IAAAC,KAAA,IAAAC,OAAA,2mFAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDP7BjD,MAAA,UAAAA,CAAoB,UAApBA,CAAoB,UAApBA,CAAoB,UAApBA,CAAoB,QAApBA,CAAoB,WAMmBA,MAAA,0BAASkD,EAAA0B,OAAO,OAAO,GACtC5E,MAAA,WACIA,MAAA,WACJA,QACAA,MAAA,WACIA,MAAA,EAAAwc,GAAA,eACAxc,MAAA,GAAAyc,GAAA,eAEJzc,cAKZA,MAAA,WAAAA,CAAmE,SAAnEA,CAAmE,YAEzCA,MAAA,0BAASkD,EAAA0B,OAAO,WAAW,GACzC5E,MAAA,YACIA,MAAA,aACJA,QACAA,MAAA,YACIA,MAAA,GAAA0c,GAAA,eACA1c,MAAA,GAAA2c,GAAA,eACJ3c,cAKZA,MAAA,YAAAA,CAAyB,YAAzBA,CAAyB,YAGbA,MAAA,aACJA,QACAA,MAAA,aAA2BA,MAAA,0BAASkD,EAAA2B,QAAQ,IAAI,GAC5C7E,MAAA,GAAA4c,GAAA,gBACA5c,MAAA,GAAA6c,GAAA,gBACJ7c,QACAA,MAAA,GAAA8c,GAAA,cAGA9c,MAAA,GAAA+c,GAAA,cAGA/c,MAAA,GAAAgd,GAAA,gBAiCJhd,UAGJA,MAAA,WAAAA,CAAqE,SAArEA,CAAqE,YAE3CA,MAAA,0BAASkD,EAAA0B,OAAO,aAAa,GAC3C5E,MAAA,YACIA,MAAA,aACJA,QACAA,MAAA,YACIA,MAAA,GAAAid,GAAA,eACAjd,MAAA,GAAAkd,GAAA,eACJld,cAKZA,MAAA,WAAAA,CAA6E,SAA7EA,CAA6E,aAE3CA,MAAA,0BAASkD,EAAA0B,OAAO,qBAAqB,GAC3D5E,MAAA,YACIA,MAAA,aACJA,QACAA,MAAA,YACIA,MAAA,GAAAmd,GAAA,eAEAnd,MAAA,GAAAod,GAAA,eAIJpd,cAkBZA,MAAA,WAAAA,CAAsE,SAAtEA,CAAsE,YAE3CA,MAAA,0BAASkD,EAAA0B,OAAO,cAAc,GAC7C5E,MAAA,YACIA,MAAA,aACJA,QACAA,MAAA,YACIA,MAAA,GAAAqd,GAAA,eAEArd,MAAA,GAAAsd,GAAA,eAEJtd,cAIZA,MAAA,WAAAA,CAA0E,SAA1EA,CAA0E,YAE/CA,MAAA,0BAASkD,EAAA0B,OAAO,kBAAkB,GACjD5E,MAAA,YACIA,MAAA,aACJA,QACAA,MAAA,YACIA,MAAA,GAAAud,GAAA,eAEAvd,MAAA,GAAAwd,GAAA,eAEJxd,cAKZA,MAAA,YAAAA,CAA0B,YAA1BA,CAA0B,YAGdA,MAAA,aACJA,QACAA,MAAA,aAA2BA,MAAA,0BAASkD,EAAA2B,QAAQ,IAAI,EAArB7E,CAAsB,0BAAUkD,EAAA0B,OAAO,WAAW,GACzE5E,MAAA,GAAAyd,GAAA,gBACAzd,MAAA,GAAA0d,GAAA,gBACJ1d,QACAA,MAAA,GAAA2d,GAAA,cAGA3d,MAAA,GAAA4d,GAAA,cAGA5d,MAAA,GAAA6d,GAAA,gBA4DJ7d,UAGJA,MAAA,YAAAA,CAA0B,YAA1BA,CAA0B,YAGdA,MAAA,aACJA,QACAA,MAAA,aAA2BA,MAAA,0BAASkD,EAAA2B,QAAQ,IAAI,GAC5C7E,MAAA,GAAA8d,GAAA,gBACA9d,MAAA,GAAA+d,GAAA,gBACJ/d,QACAA,MAAA,GAAAge,GAAA,cAGAhe,MAAA,GAAAie,GAAA,cAGAje,MAAA,GAAAke,GAAA,gBAkCJle,UAEJA,MAAA,WAAAA,CAAkE,SAAlEA,CAAkE,YAExCA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GACxC5E,MAAA,YACIA,MAAA,aACJA,QACAA,MAAA,YACIA,MAAA,GAAAme,GAAA,eAEAne,MAAA,GAAAoe,GAAA,eAEJpe,cAIZA,MAAA,WAAAA,CAAqE,SAArEA,CAAqE,YAE3CA,MAAA,0BAASkD,EAAA0B,OAAO,aAAa,GAC3C5E,MAAA,YACIA,MAAA,aACJA,QACAA,MAAA,YACIA,MAAA,GAAAqe,GAAA,eAEAre,MAAA,GAAAse,GAAA,eAEJte,cAIZA,MAAA,WAAAA,CAAqE,SAArEA,CAAqE,YAE3CA,MAAA,0BAASkD,EAAA0B,OAAO,aAAa,GAC3C5E,MAAA,aACIA,MAAA,cACJA,QACAA,MAAA,aACIA,MAAA,IAAAue,GAAA,eAEAve,MAAA,IAAAwe,GAAA,eAEJxe,cAIZA,MAAA,YAAAA,CAAkE,UAAlEA,CAAkE,aAExCA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GACxC5E,MAAA,aACIA,MAAA,cACJA,QACAA,MAAA,aACIA,MAAA,IAAAye,GAAA,eAEAze,MAAA,IAAA0e,GAAA,eAEJ1e,cAIZA,MAAA,YAAAA,CAAoE,UAApEA,CAAoE,aAE1CA,MAAA,0BAASkD,EAAA0B,OAAO,YAAY,GAC1C5E,MAAA,aACIA,MAAA,cACJA,QACAA,MAAA,aACIA,MAAA,IAAA2e,GAAA,eAEA3e,MAAA,IAAA4e,GAAA,eACJ5e,cAIZA,MAAA,YAAAA,CAAuE,UAAvEA,CAAuE,aAE7CA,MAAA,0BAASkD,EAAA0B,OAAO,eAAe,GAC7C5E,MAAA,aACIA,MAAA,cACJA,QACAA,MAAA,aACIA,MAAA,IAAA6e,GAAA,eACA7e,MAAA,IAAA8e,GAAA,eACJ9e,cAIZA,MAAA,YAAAA,CAAkE,UAAlEA,CAAkE,aAExCA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GACxC5E,MAAA,aACIA,MAAA,cACJA,QACAA,MAAA,aACIA,MAAA,IAAA+e,GAAA,eACA/e,MAAA,IAAAgf,GAAA,eAEJhf,cAIZA,MAAA,YAAAA,CAAmE,UAAnEA,CAAmE,aAEzCA,MAAA,0BAASkD,EAAA0B,OAAO,WAAW,GACzC5E,MAAA,aACIA,MAAA,cACJA,QACAA,MAAA,aACIA,MAAA,IAAAif,GAAA,eACAjf,MAAA,IAAAkf,GAAA,eACJlf,cAIZA,MAAA,aAAAA,CAA0B,aAA1BA,CAA0B,aAGdA,MAAA,cACJA,QACGA,MAAA,cAA2BA,MAAA,0BAASkD,EAAA2B,QAAQ,IAAI,GAC/C7E,MAAA,IAAAmf,GAAA,gBACAnf,MAAA,IAAAof,GAAA,gBACJpf,QACAA,MAAA,IAAAqf,GAAA,cAGArf,MAAA,IAAAsf,GAAA,cAGAtf,MAAA,IAAAuf,GAAA,gBA8CJvf,UAEJA,MAAA,aAAAA,CAA0B,aAA1BA,CAA0B,aAGdA,MAAA,cACJA,QACAA,MAAA,cAA2BA,MAAA,0BAASkD,EAAA2B,QAAQ,IAAI,EAArB7E,CAAsB,0BAAUkD,EAAA0B,OAAO,sBAAsB,GACpF5E,MAAA,IAAAwf,GAAA,gBACAxf,MAAA,IAAAyf,GAAA,gBACJzf,QACAA,MAAA,IAAA0f,GAAA,cAGA1f,MAAA,IAAA2f,GAAA,cAGA3f,MAAA,IAAA4f,GAAA,gBAgCJ5f,UAoIJA,MAAA,YAAAA,CAAkE,UAAlEA,CAAkE,cAEhCA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GAChD5E,MAAA,aACIA,MAAA,cACJA,QACAA,MAAA,aACIA,MAAA,IAAA6f,GAAA,eAEA7f,MAAA,IAAA8f,GAAA,eAGJ9f,cAIZA,MAAA,YAAAA,CAAgE,UAAhEA,CAAgE,cAE9BA,MAAA,0BAASkD,EAAA0B,OAAO,QAAQ,GAC9C5E,MAAA,aACIA,MAAA,cACJA,QACAA,MAAA,aACIA,MAAA,IAAA+f,GAAA,eAEA/f,MAAA,IAAAggB,GAAA,eAGJhgB,cAIZA,MAAA,YAAAA,CAAqE,UAArEA,CAAqE,cAEnCA,MAAA,0BAASkD,EAAA0B,OAAO,aAAa,GACnD5E,MAAA,aACIA,MAAA,cACJA,QACAA,MAAA,aACIA,MAAA,IAAAigB,GAAA,eAEAjgB,MAAA,IAAAkgB,GAAA,eAGJlgB,cAIZA,MAAA,YAAAA,CAAkE,UAAlEA,CAAkE,cAEhCA,MAAA,0BAASkD,EAAA0B,OAAO,UAAU,GAChD5E,MAAA,aACIA,MAAA,cACJA,QACAA,MAAA,aACIA,MAAA,IAAAmgB,GAAA,eAEAngB,MAAA,IAAAogB,GAAA,eAGJpgB,2BA7rBcA,MAAA,GAAAA,MAAA,UAAAA,MAAA,GAAAqgB,EAAA,QAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,GAAAsgB,KAMwEtgB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SACA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAOrD7F,MAAA,GAAAA,MAAA,UAAAA,MAAA,IAAAqgB,EAAA,YAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,IAAAugB,KAM6EvgB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SACA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAY3C7F,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SACd5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAEgC7F,MAAA,GAAAA,MAAA,OAAAkD,EAAAqH,KAGLvK,MAAA,GAAAA,MAAA,OAAAkD,EAAAsH,OAGrBxK,MAAA,GAAAA,MAAA,YAAAkD,EAAAW,OAoCP7D,MAAA,GAAAA,MAAA,UAAAA,MAAA,IAAAqgB,EAAA,cAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,IAAAwgB,KAM+ExgB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SACA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAM5D7F,MAAA,GAAAA,MAAA,UAAAA,MAAA,IAAAqgB,EAAA,sBAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,IAAAygB,KAOczgB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAEA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAqBK7F,MAAA,GAAAA,MAAA,UAAAA,MAAA,IAAAqgB,EAAA,eAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,IAAA0gB,KAOc1gB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAEA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAKK7F,MAAA,GAAAA,MAAA,UAAAA,MAAA,IAAAqgB,EAAA,mBAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,IAAA2gB,KAMmF3gB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAEA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAanD7F,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SACA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAEoB7F,MAAA,GAAAA,MAAA,OAAAkD,EAAAqH,KAGLvK,MAAA,GAAAA,MAAA,OAAAkD,EAAAsH,OAGrBxK,MAAA,GAAAA,MAAA,YAAAkD,EAAAW,OAqEM7D,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SACZ5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAEgC7F,MAAA,GAAAA,MAAA,OAAAkD,EAAAY,IAGL9D,MAAA,GAAAA,MAAA,OAAAkD,EAAAa,MAGrB/D,MAAA,GAAAA,MAAA,YAAAkD,EAAAW,OAoCP7D,MAAA,GAAAA,MAAA,UAAAA,MAAA,IAAAqgB,EAAA,WAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,IAAA4gB,KAOc5gB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAEA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAKK7F,MAAA,GAAAA,MAAA,UAAAA,MAAA,IAAAqgB,EAAA,cAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,IAAA6gB,KAM8E7gB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAEA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAM3D7F,MAAA,GAAAA,MAAA,UAAAA,MAAA,IAAAqgB,EAAA,cAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,IAAA8gB,KAM8E9gB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAEA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAM3D7F,MAAA,GAAAA,MAAA,UAAAA,MAAA,IAAAqgB,EAAA,WAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,IAAA+gB,KAOc/gB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAEA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAKK7F,MAAA,GAAAA,MAAA,UAAAA,MAAA,IAAAqgB,EAAA,aAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,IAAAghB,KAM8EhhB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAEA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAK3D7F,MAAA,GAAAA,MAAA,UAAAA,MAAA,IAAAqgB,EAAA,gBAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,IAAAihB,KAMiFjhB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SACA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAK9D7F,MAAA,GAAAA,MAAA,UAAAA,MAAA,IAAAqgB,EAAA,WAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,IAAAkhB,KAM2ElhB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SACA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAMxD7F,MAAA,GAAAA,MAAA,UAAAA,MAAA,IAAAqgB,EAAA,YAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,IAAAmhB,KAM6EnhB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SACA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAW7C7F,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SACA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAEoB7F,MAAA,GAAAA,MAAA,OAAAkD,EAAAc,KAGLhE,MAAA,GAAAA,MAAA,OAAAkD,EAAAe,OAGrBjE,MAAA,GAAAA,MAAA,YAAAkD,EAAAW,OAsDM7D,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SACA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAEoB7F,MAAA,GAAAA,MAAA,OAAAkD,EAAAgB,KAGLlE,MAAA,GAAAA,MAAA,OAAAkD,EAAAiB,OAGrBnE,MAAA,GAAAA,MAAA,YAAAkD,EAAAW,OAoKP7D,MAAA,GAAAA,MAAA,UAAAA,MAAA,IAAAqgB,EAAA,WAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,IAAAohB,KAOcphB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAEA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAMK7F,MAAA,GAAAA,MAAA,UAAAA,MAAA,IAAAqgB,EAAA,SAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,IAAAqhB,KAOcrhB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAEA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAMK7F,MAAA,GAAAA,MAAA,UAAAA,MAAA,IAAAqgB,EAAA,cAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,IAAAshB,KAOcthB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAEA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAMK7F,MAAA,GAAAA,MAAA,UAAAA,MAAA,IAAAqgB,EAAA,WAAAnd,EAAAO,QACnBzD,MAAA,GAAAA,MAAA,aAAAA,MAAA,IAAAuhB,KAOcvhB,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAEA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,i6ZCxrBpBwW,CAAgB,yCCGLrc,MAAA,eAAyEA,MAAA,eAAWA,MAAA,YACvCA,gCAC7CA,MAAA,eAA8CA,MAAA,kEAAiBA,MAAA,YAClBA,gCAEkBA,MAAA,cACnCA,MAAA,cAAQA,gCACsBA,MAAA,cAC9BA,MAAA,iBAAWA,gCACwBA,MAAA,cACrCA,MAAA,sDAAQA,gCACwBA,MAAA,cAChCA,MAAA,oCAAKA,gCAM3BA,MAAA,eAAwDA,MAAA,YAAMA,gCAG9DA,MAAA,eAAsDA,MAAA,oEAAYA,gCA6B9EA,MAAA,WAAmDA,MAAA,yBAAmBA,gCACtEA,MAAA,WAAiDA,MAAA,sFAAeA,gCAEhEA,MAAA,UAA2EA,MAAA,0IAGQA,gCACnFA,MAAA,UAAqEA,MAAA,0qBAGMA,kDAiBvEA,MAAA,eAAsDA,MAAA,mBAAAA,MAAAwhB,GAAAxhB,QAAA,MAAAyhB,EAAAzhB,MAAA,GAAA0hB,EAAA1hB,QAAA,OAASA,MAAA0hB,EAAAC,SAAAF,EAAAhe,OAAmB,GAC9DzD,MAAA,YAAMA,kDAT9BA,MAAA,YACIA,MAAA,UAGAA,MAAA,iBAAwBA,MAAA,yBAAAA,MAAA4hB,GAAA,MAAAH,EAAAzhB,MAAA,GAAA6hB,EAAA7hB,QAAA,OAAeA,MAAA6hB,EAAAF,SAAAF,EAAAhe,OAAmB,GAA1DzD,QAIAA,MAAA,EAAA8hB,GAAA,iBAGJ9hB,gCAFSA,MAAA,GAAAA,MAAA,OAAAW,EAAAiF,mDAYL5F,MAAA,eAAsDA,MAAA,mBAAAA,MAAA+hB,GAAA/hB,QAAA,MAAAgiB,EAAAhiB,MAAA,GAAAoX,EAAApX,QAAA,OAASA,MAAAoX,EAAAuK,SAAAK,EAAAve,OAAmB,GAChEzD,MAAA,wBAAGA,kDAVzBA,MAAA,YACIA,MAAA,UAGAA,MAAA,iBAAwBA,MAAA,yBAAAA,MAAAiiB,GAAA,MAAAD,EAAAhiB,MAAA,GAAAuX,EAAAvX,QAAA,OAAeA,MAAAuX,EAAAoK,SAAAK,EAAAve,OAAmB,GAA1DzD,QAKAA,MAAA,EAAAkiB,GAAA,iBAEJliB,gCADSA,MAAA,GAAAA,MAAA,OAAAa,EAAAgF,kCAqBW7F,MAAA,eAAqDA,MAAA,GAAUA,kCAA5BA,MAAA,QAAAmiB,GAAkBniB,MAAA,GAAAA,MAAA,GAAAmiB,EAAA,+CATzEniB,MAAA,WAAAA,CAAiD,WAAjDA,CAAiD,UAAjDA,CAAiD,YAKjCA,MAAA,UACJA,QACAA,MAAA,WAAAA,CAAuB,eACqBA,MAAA,kBAAAoiB,GAAApiB,MAAAqiB,GAAA,MAAA1K,EAAA3X,QAAA,OAAUA,MAAA2X,EAAApT,SAAA6d,GAAgB,GAC9DpiB,MAAA,EAAAsiB,GAAA,iBAEJtiB,wCAF8BA,MAAA,GAAAA,MAAA,UAAAe,EAAAwhB,gDAO9CviB,MAAA,WAAAA,CAAkD,WAAlDA,CAAkD,iBAKtCA,MAAA,mBAAAA,MAAAwiB,GAAA,MAAAC,EAAAziB,MAAA,GAAA8X,EAAA9X,QAAA,OAASA,MAAA8X,EAAA6J,SAAAc,EAAAhf,OAAmB,GADhCzD,QAEAA,MAAA,eAAqBA,MAAA,UAA+CA,sDAO5EA,MAAA,YAA4CA,MAAA,mBAAAA,MAAA0iB,GAAA,MAAA1K,EAAAhY,QAAA,OAASA,MAAAgY,EAAAtT,SAAQ,GACzD1E,MAAA,YACJA,kDACAA,MAAA,WAAAA,CAA8C,eACtBA,MAAA,mBAAAA,MAAA2iB,GAAA,MAAAzK,EAAAlY,QAAA,OAASA,MAAAkY,EAAAvT,OAAM,GAExB3E,MAAA,UAA8CA,WC3ItE,IAAM4iB,GAAe,MAAtB,MAAOA,EASblhB,YAAoBmhB,GAAAhhB,KAAAghB,QARlBhhB,KAAAwB,UAAoB,EACpBxB,KAAAyB,WAAqB,EACrBzB,KAAAihB,YAAa,EACbjhB,KAAA0gB,KAAiB,CAAC,kBAAmB,OAAQ,cAAe,kBAAmB,eAAgB,iBAAkB,aAAc,aAAc,UAAW,UAAW,eAAgB,WAAY,UAAW,YAAa,cAAe,eAAgB,sBAAuB,oBAC7Q1gB,KAAA4B,MAAgB,kBAChB5B,KAAA6B,UAAoB,kBAiHpB7B,KAAAuC,OAAiB,GAwBjBvC,KAAA+B,WAAqB,EACrB/B,KAAAgC,MAAgB,GAuBhBhC,KAAAiC,IAAc,EACdjC,KAAAkC,MAAgB,EAChBlC,KAAAmC,KAAe,EACfnC,KAAAoC,OAAiB,EACjBpC,KAAAqC,KAAe,EACfrC,KAAAsC,OAAiB,EAYjBtC,KAAA0B,OAAiB,IAWjB1B,KAAAmD,MAAgB,EAShBnD,KAAA2B,WAAqB,EAOrB3B,KAAAkhB,UAAoB,EACpBlhB,KAAAmhB,WAAqB,EAWrBnhB,KAAAohB,KAAe,UACfphB,KAAAgE,OAAiB,EACjBhE,KAAA+D,SAAmB,EAOnB/D,KAAAqhB,UAAoB,iBA7NtB,CACElhB,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAKjB,CACAtB,SAASC,GACP3C,KAAKshB,aAAe3e,EAAMC,OAAOhB,MACjC5B,KAAK2B,WAAY,EACM,mBAApB3B,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,MAEA,QAApBvhB,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,WAEA,eAApBvhB,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,gBAEA,mBAApBvhB,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,qBAEA,gBAApBvhB,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,kBAEA,kBAApBvhB,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,iBAEA,cAApBvhB,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,gBAEA,cAApBvhB,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,gBAEA,WAApBvhB,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,aAEA,WAApBvhB,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,aAEA,gBAApBvhB,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,iBAEA,YAApBvhB,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,cAEA,aAApBvhB,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,eAEA,WAApBvhB,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,aAEA,eAApBvhB,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,iBAEA,gBAApBvhB,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,kBAEA,uBAApBvhB,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,uBAEA,oBAApBvhB,KAAKshB,cAENthB,KAAKghB,MAAMO,SAAS,CAAC,oBAEzB,CAEA1e,SACE7C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAqB,OACE9C,KAAKwB,UAAW,EAChBxB,KAAKyB,WAAY,CACnB,CACAsB,OAAOJ,GACL3C,KAAK4B,MAAQe,CAGf,CAIAO,YAAYC,EAAeC,GACzBpD,KAAKqD,UAAYF,EACjBnD,KAAKuC,OAASa,EACQ,GAAlBpD,KAAKqD,WAAoC,KAAfrD,KAAKuC,SACjCvC,KAAK0B,OAAS,KAEM,GAAlB1B,KAAKqD,WAAoC,KAAfrD,KAAKuC,SACjCvC,KAAK0B,OAAS,KAEM,GAAlB1B,KAAKqD,WAAoC,KAAfrD,KAAKuC,SACjCvC,KAAK0B,OAAS,KAEM,GAAlB1B,KAAKqD,WAAoC,KAAfrD,KAAKuC,SACjCvC,KAAK0B,OAAS,KAEM,GAAlB1B,KAAKqD,WAAoC,KAAfrD,KAAKuC,SACjCvC,KAAK0B,OAAS,IAMlB,CAGAsB,QAAQC,GACNjD,KAAKgC,MAAQiB,EACK,KAAdjD,KAAKgC,QAEPhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,GAGI,KAAdlC,KAAKgC,QAEPhC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,GAGG,KAAdpC,KAAKgC,QAEPhC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,EAIjB,CAOA3D,QACEqB,KAAKgC,MAAQ,GACbhC,KAAKiC,IAAK,EACVjC,KAAKkC,MAAO,EACZlC,KAAKmC,KAAM,EACXnC,KAAKoC,OAAQ,EACbpC,KAAKqC,KAAM,EACXrC,KAAKsC,OAAQ,CACf,CAIAgB,MAAMC,GAEJvD,KAAK0B,OADI6B,CAEX,CAGAie,SAASC,GACcC,SAASC,cAAc,SAC/BC,MAAMC,UAAYJ,CACjC,CAGAK,cACE9hB,KAAKmD,MAAO,CACd,CACA4e,QACE/hB,KAAK2B,WAAY,CACnB,CAGAqgB,QACEhiB,KAAK2B,WAAY,CACnB,CACAsgB,aACEjiB,KAAK2B,WAAY,CACnB,CAGAugB,UAAUC,GACG,KAAPA,IACFniB,KAAKkhB,UAAW,EAChBlhB,KAAKmhB,WAAY,GAER,KAAPgB,IACFniB,KAAKkhB,UAAW,EAChBlhB,KAAKmhB,WAAY,EAErB,CAIFiB,SAASzf,GAEP3C,KAAKqiB,cADU1f,EAAMC,OACO0f,aAAa,SACzCpe,aAAawW,QAAQ,gBAAiB1a,KAAKqiB,eAC3CE,SAASC,QACX,CAEE1C,SAAS1c,GACPpD,KAAKqhB,UAAYje,GACM,oBAAnBpD,KAAKqhB,WAAsD,YAAnBrhB,KAAKqhB,WAA8C,YAAnBrhB,KAAKqhB,YAChFrhB,KAAKghB,MAAMO,SAAS,CAAC,OAEC,SAAnBvhB,KAAKqhB,WAA2C,UAAnBrhB,KAAKqhB,WAA4C,SAAnBrhB,KAAKqhB,WAA2C,QAAnBrhB,KAAKqhB,YAC/FrhB,KAAKghB,MAAMO,SAAS,CAAC,YAEA,gBAAnBvhB,KAAKqhB,WAAkD,cAAnBrhB,KAAKqhB,WAAgD,gBAAnBrhB,KAAKqhB,YAC7ErhB,KAAKghB,MAAMO,SAAS,CAAC,iBAEA,oBAAnBvhB,KAAKqhB,WAAsD,oBAAnBrhB,KAAKqhB,WAAsD,gBAAnBrhB,KAAKqhB,WAAkD,gBAAnBrhB,KAAKqhB,YAC3HrhB,KAAKghB,MAAMO,SAAS,CAAC,sBAEA,iBAAnBvhB,KAAKqhB,WAAmD,iBAAnBrhB,KAAKqhB,WAAmD,SAAnBrhB,KAAKqhB,YACjFrhB,KAAKghB,MAAMO,SAAS,CAAC,mBAEA,mBAAnBvhB,KAAKqhB,WAAqD,mBAAnBrhB,KAAKqhB,YAC9CrhB,KAAKghB,MAAMO,SAAS,CAAC,kBAEA,YAAnBvhB,KAAKqhB,WAA8C,UAAnBrhB,KAAKqhB,WAA4C,YAAnBrhB,KAAKqhB,WAA8C,UAAnBrhB,KAAKqhB,YACrGrhB,KAAKghB,MAAMO,SAAS,CAAC,cAEA,eAAnBvhB,KAAKqhB,WAAiD,eAAnBrhB,KAAKqhB,WAAiD,WAAnBrhB,KAAKqhB,YAC7ErhB,KAAKghB,MAAMO,SAAS,CAAC,iBAEA,eAAnBvhB,KAAKqhB,WAAiD,eAAnBrhB,KAAKqhB,YAC1CrhB,KAAKghB,MAAMO,SAAS,CAAC,iBAEA,YAAnBvhB,KAAKqhB,WAA8C,YAAnBrhB,KAAKqhB,YACvCrhB,KAAKghB,MAAMO,SAAS,CAAC,cAEA,cAAnBvhB,KAAKqhB,WAAgD,UAAnBrhB,KAAKqhB,WAA4C,QAAnBrhB,KAAKqhB,YACvErhB,KAAKghB,MAAMO,SAAS,CAAC,gBAEA,iBAAnBvhB,KAAKqhB,WAAmD,iBAAnBrhB,KAAKqhB,YAC5CrhB,KAAKghB,MAAMO,SAAS,CAAC,kBAEA,YAAnBvhB,KAAKqhB,WAA8C,YAAnBrhB,KAAKqhB,YACvCrhB,KAAKghB,MAAMO,SAAS,CAAC,cAEA,aAAnBvhB,KAAKqhB,WAA+C,aAAnBrhB,KAAKqhB,YACxCrhB,KAAKghB,MAAMO,SAAS,CAAC,eAGA,gBAAnBvhB,KAAKqhB,WAAkD,gBAAnBrhB,KAAKqhB,WAAkD,YAAnBrhB,KAAKqhB,YAC/ErhB,KAAKghB,MAAMO,SAAS,CAAC,kBAEA,iBAAnBvhB,KAAKqhB,WAAmD,iBAAnBrhB,KAAKqhB,YAC5CrhB,KAAKghB,MAAMO,SAAS,CAAC,mBAEA,kBAAnBvhB,KAAKqhB,WAAoD,kBAAnBrhB,KAAKqhB,YAC7CrhB,KAAKghB,MAAMO,SAAS,CAAC,oBAEA,kBAAnBvhB,KAAKqhB,WAAoD,kBAAnBrhB,KAAKqhB,YAC7CrhB,KAAKghB,MAAMO,SAAS,CAAC,oBAED,wBAAlBvhB,KAAKqhB,WAAyD,YAAnBrhB,KAAKqhB,WAA8C,YAAnBrhB,KAAKqhB,WAA8C,cAAnBrhB,KAAKqhB,WAAgD,cAAnBrhB,KAAKqhB,YACpJrhB,KAAKghB,MAAMO,SAAS,CAAC,sBAGzB,iDAtSWR,GAAe5iB,MAAAyC,MAAA,oCAAfmgB,EAAejgB,UAAA,iBAAAE,MAAA,GAAAC,KAAA,GAAAC,OAAA,gyGAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IDT5BjD,MAAA,UAAAA,CAA0B,UAA1BA,CAA0B,UAA1BA,CAA0B,WAIVA,MAAA,WACJA,QAEAA,MAAA,UAAAA,CAA+B,UAA/BA,CAA+B,WAGnBA,MAAA,EAAAskB,GAAA,gBAEAtkB,MAAA,EAAAukB,GAAA,gBAEAvkB,MAAA,WAAAA,CAA8B,WACiCA,MAAA,GAAAwkB,GAAA,gBACnBxkB,QACxCA,MAAA,WAAsDA,MAAA,GAAAykB,GAAA,gBACXzkB,QAC3CA,MAAA,WAA2DA,MAAA,GAAA0kB,GAAA,gBACrB1kB,QACtCA,MAAA,WAAsDA,MAAA,GAAA2kB,GAAA,gBACnB3kB,YAG3CA,MAAA,YAAAA,CAA2B,WAGnBA,MAAA,GAAA4kB,GAAA,iBAAuE5kB,QAC3EA,MAAA,WAEIA,MAAA,GAAA6kB,GAAA,iBAA2E7kB,UAEnFA,MAAA,YAAAA,CAAoC,gBACCA,MAAA,aACHA,QAC9BA,MAAA,YAAAA,CAAyE,YASjEA,MAAA,iBAAAoiB,IAAA,OAASlf,EAAA+gB,SAAA7B,GAAgB,GACzBpiB,MAAA,YAEeA,MAAA,cAAOA,QACtBA,MAAA,YAEeA,MAAA,qCAAKA,kBAQxCA,MAAA,aACIA,MAAA,GAAA8kB,GAAA,aACA9kB,MAAA,GAAA+kB,GAAA,aAEA/kB,MAAA,GAAAglB,GAAA,YAIAhlB,MAAA,GAAAilB,GAAA,YAIJjlB,QACAA,MAAA,aACIA,MAAA,aACJA,UAEJA,MAAA,YAAAA,CAAwB,aAGhBA,MAAA,GAAAklB,GAAA,cAYAllB,MAAA,GAAAmlB,GAAA,cAaJnlB,QACAA,MAAA,YAAAA,CAAiC,aACTA,MAAA,0BAASkD,EAAA2gB,OAAO,GAChC7jB,MAAA,aACJA,UAGJA,MAAA,aAEIA,MAAA,GAAAolB,GAAA,cAgBAplB,MAAA,GAAAqlB,GAAA,cASJrlB,QACAA,MAAA,aAGIA,MAAA,GAAAslB,GAAA,cAGAtlB,MAAA,GAAAulB,GAAA,cAQJvlB,QACAA,MAAA,aAAkCA,MAAA,0BAASkD,EAAA2gB,OAAO,GAE9C7jB,MAAA,aACIA,MAAA,aACJA,uBApJyCA,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAEA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAIpB7F,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAEA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAEA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAEA7F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAMgC7F,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAGA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OA6BjB7F,MAAA,IAAAA,MAAA,OAAAkD,EAAA0C,SACA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAEwB7F,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAIJ5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAYb7F,MAAA,GAAAA,MAAA,OAAAkD,EAAA0C,SAYA5F,MAAA,GAAAA,MAAA,OAAAkD,EAAA2C,OAsBV7F,MAAA,GAAAA,MAAA,OAAAkD,EAAAG,UAgBArD,MAAA,GAAAA,MAAA,OAAAkD,EAAAI,WAaLtD,MAAA,GAAAA,MAAA,OAAAkD,EAAAG,UAGCrD,MAAA,GAAAA,MAAA,OAAAkD,EAAAI,u6ZCxIhCsf,CAAe,KCFf4C,GAAY,MAAnB,MAAOA,EALb9jB,cAMEG,KAAA4jB,MAAQ,YACR5jB,KAAA+D,SAAmB,EACnB/D,KAAAgE,OAAiB,EAEjB7D,WACE,MAAM8D,EAAWC,aAAaC,QAAQ,iBACtB,WAAZF,IACFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,GAEC,SAAZC,IAEFjE,KAAK+D,SAAU,EACf/D,KAAKgE,OAAQ,EAGjB,iDAjBW2f,EAAY,oCAAZA,EAAY7iB,UAAA,eAAAE,MAAA,GAAAC,KAAA,EAAAC,OAAA,qHAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,ICPzBjD,MAAA,SAAAA,CAAM,UAANA,CAAM,WAIEA,MAAA,gBACJA,UAEJA,MAAA,UAAAA,CAAsB,WAEdA,MAAA,iBAEJA,QACAA,MAAA,WACIA,MAAA,mBACJA,UAEJA,MAAA,UAAAA,CAAsB,YAEdA,MAAA,iBACJA,k4ZDZSwlB,CAAY,KE8OZE,GAAS,MAAhB,MAAOA,oDAAS,mCAATA,EAASC,UAAA,CAFRH,KAAY,wCARb,CAMR,CAAEI,QAASC,KAAkBC,SAAUC,OACzCC,QAAA,CAhBCC,KACAlV,GACEmV,KACAC,KAAcC,MAEhBC,OAAmB,SAcVX,CAAS,KChPtBY,OAAyBC,gBAAgBb,IACtCc,MAAMC,GAAOC,QAAQC,MAAMF","names":["i0","_r6","ctx_r5","copyLinks","_r8","ctx_r7","_r10","ctx_r9","close","ctx_r11","shareOnFacebook","ctx_r12","shareOnTwitter","ctx_r13","shareOnLinkedIn","ctx_r14","shareOnWhatsapp","ctx_r15","shareOnEmail","ShareButtonComponent_div_0_a_28_Template","ShareButtonComponent_div_0_a_29_Template","ShareButtonComponent_div_0_li_42_Template","ShareButtonComponent_div_0_li_43_Template","ctx_r0","copySuccess","ShareButtonComponent","constructor","platformLocation","clipboardService","this","isModalVisible","shareUrl","ngOnInit","href","setData","status","encodedUrl","encodeURIComponent","window","open","copyFromContent","i1","i2","selectors","inputs","decls","vars","consts","template","rf","ctx","ShareButtonComponent_div_0_Template","BookingComponent","dropdown","searchbar","colors","showTable","value","storemanu","process","closemenu","child","up","down","up1","down1","up2","down2","showcl","openShareOptions","shareButton","menutype","event","target","search","drop","menues","subMenu","sub","showpayment","show","val","showcolor","color","cl","viewQuery","_c0","_c1","_c2","_c3","BookingHindiComponent","BookingTecketingComponent","english","hindi","storeVal","localStorage","getItem","BookingTecketingComponent_app_booking_0_Template","BookingTecketingComponent_app_booking_hindi_1_Template","CreatingProfileComponent","CreatingProfileHindiComponent","CreateProfileMainComponent","CreateProfileMainComponent_app_creating_profile_0_Template","CreateProfileMainComponent_app_creating_profile_hindi_1_Template","DisputesComponent","DisputesHindiComponent","DisputesMainComponent","DisputesMainComponent_app_disputes_0_Template","DisputesMainComponent_app_disputes_hindi_1_Template","EAgreementComponent","EAgreementHindiComponent","_c4","AgreementComponent","AgreementComponent_app_e_agreement_0_Template","AgreementComponent_app_e_agreement_hindi_1_Template","GStoreComponent","GStoreHindiComponent","StoreComponent","StoreComponent_app_g_store_0_Template","StoreComponent_app_g_store_hindi_1_Template","InvoiceComponent","InvoiceHindiComponent","InvoiceMainComponent","InvoiceMainComponent_app_invoice_0_Template","InvoiceMainComponent_app_invoice_hindi_1_Template","PayButtonComponent","PayButtonHindiComponent","ButtonsComponent","ButtonsComponent_app_pay_button_0_Template","ButtonsComponent_app_pay_button_hindi_1_Template","PayGComponent","PayGHindiComponent","PaygMainComponent","PaygMainComponent_app_pay_g_0_Template","PaygMainComponent_app_pay_g_hindi_1_Template","PayProfileComponent","PayProfileHindiComponent","MainProfileComponent","MainProfileComponent_app_pay_profile_0_Template","MainProfileComponent_app_pay_profile_hindi_1_Template","EasyCollectComponent","EasyCollectHindiComponent","CollectsComponent","CollectsComponent_app_easy_collect_0_Template","CollectsComponent_app_easy_collect_hindi_1_Template","SmartCollectComponent","SmartCollectHindiComponent","SmartComponent","SmartComponent_app_smart_collect_0_Template","SmartComponent_app_smart_collect_hindi_1_Template","PaymentLinkComponent","PaymentLinkHindiComponent","MainLinksComponent","MainLinksComponent_app_payment_link_0_Template","MainLinksComponent_app_payment_link_hindi_1_Template","CreateLinkComponent","CreateLinkHindiComponent","CreateMainComponent","CreateMainComponent_app_create_link_0_Template","CreateMainComponent_app_create_link_hindi_1_Template","PaymentQrComponent","PaymentQrHindiComponent","PQRComponent","PQRComponent_app_payment_qr_0_Template","PQRComponent_app_payment_qr_hindi_1_Template","prs_r1","PaymentGatewayComponent","up3","down3","PaymentGatewayComponent_li_60_Template","PaymentGatewayHindiComponent","GatewayComponent","GatewayComponent_app_payment_gateway_0_Template","GatewayComponent_app_payment_gateway_hindi_1_Template","RefundsComponent","RefundsHindiComponent","MainRefundsComponent","MainRefundsComponent_app_refunds_0_Template","MainRefundsComponent_app_refunds_hindi_1_Template","TransactionComponent","TransactionHindiComponent","MainTransactionsComponent","MainTransactionsComponent_app_transaction_0_Template","MainTransactionsComponent_app_transaction_hindi_1_Template","VideoKycComponent","VideoKycHindiComponent","KycComponent","KycComponent_app_video_kyc_0_Template","KycComponent_app_video_kyc_hindi_1_Template","WebIntegrationComponent","WebIntegrationHindiComponent","IntegrationComponent","IntegrationComponent_app_web_integration_0_Template","IntegrationComponent_app_web_integration_hindi_1_Template","SettlementComponent","SettlementHindiComponent","SettlementMainComponent","SettlementMainComponent_app_settlement_0_Template","SettlementMainComponent_app_settlement_hindi_1_Template","PriceComponent","PriceHindiComponent","PriceMainComponent","PriceMainComponent_app_price_0_Template","PriceMainComponent_app_price_hindi_1_Template","OnbordingComponent","OnboardingHindiComponent","OnboardingMainComponent","OnboardingMainComponent_app_onbording_0_Template","OnboardingMainComponent_app_onboarding_hindi_1_Template","PayOutComponent","PayoutHindiComponent","PayoutMainComponent","PayoutMainComponent_app_pay_out_0_Template","PayoutMainComponent_app_payout_hindi_1_Template","FeaturesComponent","FeaturesHindiComponent","FeaturesMainComponent","FeaturesMainComponent_app_features_0_Template","FeaturesMainComponent_app_features_hindi_1_Template","CouponsComponent","CouponsHindiComponent","CouponsMainComponent","CouponsMainComponent_app_coupons_0_Template","CouponsMainComponent_app_coupons_hindi_1_Template","CreatePayoutComponent","CreatePayoutHindiComponent","CreatePayoutMainComponent","CreatePayoutMainComponent_app_create_payout_0_Template","CreatePayoutMainComponent_app_create_payout_hindi_1_Template","ReportsComponent","ReportsHindiComponent","ReportsMainComponent","ReportsMainComponent_app_reports_0_Template","ReportsMainComponent_app_reports_hindi_1_Template","MerchantComponent","MerchantHindiComponent","MerchnatMainComponent","MerchnatMainComponent_app_merchant_0_Template","MerchnatMainComponent_app_merchant_hindi_1_Template","PaymentGatewayWorkingHindiComponent","PaymentGatewayWorkingEnglishComponent","PaymentGatewayWorkingComponent","PaymentGatewayWorkingComponent_app_payment_gateway_working_english_0_Template","PaymentGatewayWorkingComponent_app_payment_gateway_working_hindi_1_Template","IntroductionResellerComponent","up4","down4","RegistrationProcessComponent","LoginWithQrComponent","ManualLoginComponent","ResellerIntroHindiComponent","ResellerIntroMainComponent","ResellerIntroMainComponent_app_introduction_reseller_0_Template","ResellerIntroMainComponent_app_reseller_intro_hindi_1_Template","RegistrationProcessHindiComponent","RegistrationProcessMainComponent","RegistrationProcessMainComponent_app_registration_process_0_Template","RegistrationProcessMainComponent_app_registration_process_hindi_1_Template","LoginWithQrHindiComponent","LoginWithQrMainComponent","LoginWithQrMainComponent_app_login_with_qr_0_Template","LoginWithQrMainComponent_app_login_with_qr_hindi_1_Template","ManualLoginHindiComponent","routes","path","redirectTo","pathMatch","component","ManualLoginMainComponent","ManualLoginMainComponent_app_manual_login_0_Template","ManualLoginMainComponent_app_manual_login_hindi_1_Template","AppRoutingModule","RouterModule","forRoot","FooterComponent","FooterComponent_div_2_Template","FooterComponent_div_3_Template","FooterComponent_div_4_Template","FooterComponent_div_5_Template","FooterComponent_div_6_Template","FooterComponent_div_7_Template","FooterComponent_div_8_Template","FooterComponent_div_9_Template","FooterComponent_div_10_Template","FooterComponent_div_11_Template","ctx_r1","ctx_r2","ctx_r3","_r62","ctx_r61","_r64","ctx_r63","_r70","ctx_r69","ctx_r65","_r72","ctx_r71","ctx_r66","_r74","ctx_r73","ctx_r67","_r76","ctx_r75","ctx_r68","SidebarComponent_div_28_li_6_Template","SidebarComponent_div_28_li_7_Template","SidebarComponent_div_28_li_10_Template","SidebarComponent_div_28_li_11_Template","ctx_r8","ctx_r10","ctx_r16","_r78","ctx_r77","_r80","ctx_r79","_r90","ctx_r89","ctx_r81","_r92","ctx_r91","ctx_r82","_r94","ctx_r93","ctx_r83","_r96","ctx_r95","ctx_r84","_r98","ctx_r97","ctx_r85","_r100","ctx_r99","ctx_r86","_r102","ctx_r101","ctx_r87","_r104","ctx_r103","ctx_r88","SidebarComponent_div_70_li_6_Template","SidebarComponent_div_70_li_7_Template","SidebarComponent_div_70_li_10_Template","SidebarComponent_div_70_li_11_Template","SidebarComponent_div_70_li_14_Template","SidebarComponent_div_70_li_15_Template","SidebarComponent_div_70_li_18_Template","SidebarComponent_div_70_li_19_Template","ctx_r21","_c5","_c6","_c7","_r106","ctx_r105","_r108","ctx_r107","_r114","ctx_r113","ctx_r109","_r116","ctx_r115","ctx_r110","_r118","ctx_r117","ctx_r111","_r120","ctx_r119","ctx_r112","SidebarComponent_div_80_li_6_Template","SidebarComponent_div_80_li_7_Template","SidebarComponent_div_80_li_10_Template","SidebarComponent_div_80_li_11_Template","_c8","ctx_r26","_c9","ctx_r27","ctx_r28","ctx_r29","ctx_r30","ctx_r31","ctx_r32","ctx_r33","ctx_r34","ctx_r35","ctx_r36","ctx_r37","ctx_r38","ctx_r39","ctx_r40","ctx_r41","ctx_r42","_r122","ctx_r121","_r124","ctx_r123","_r132","ctx_r131","ctx_r125","_r134","ctx_r133","ctx_r126","_r136","ctx_r135","ctx_r127","_r138","ctx_r137","ctx_r128","_r140","ctx_r139","ctx_r129","_r142","ctx_r141","ctx_r130","SidebarComponent_div_154_li_6_Template","SidebarComponent_div_154_li_7_Template","SidebarComponent_div_154_li_10_Template","SidebarComponent_div_154_li_11_Template","SidebarComponent_div_154_li_14_Template","SidebarComponent_div_154_li_15_Template","_c10","ctx_r47","_c11","_c12","_r144","ctx_r143","_r146","ctx_r145","_r152","ctx_r151","ctx_r147","_r154","ctx_r153","ctx_r148","_r156","ctx_r155","ctx_r149","_r158","ctx_r157","ctx_r150","SidebarComponent_div_164_li_6_Template","SidebarComponent_div_164_li_7_Template","SidebarComponent_div_164_li_10_Template","SidebarComponent_div_164_li_11_Template","_c13","ctx_r52","_c14","ctx_r53","ctx_r54","ctx_r55","ctx_r56","ctx_r57","ctx_r58","ctx_r59","ctx_r60","SidebarComponent","MenuValue","setItem","SidebarComponent_label_9_Template","SidebarComponent_label_10_Template","SidebarComponent_label_17_Template","SidebarComponent_label_18_Template","SidebarComponent_label_24_Template","SidebarComponent_label_25_Template","SidebarComponent_div_26_Template","SidebarComponent_div_27_Template","SidebarComponent_div_28_Template","SidebarComponent_label_35_Template","SidebarComponent_label_36_Template","SidebarComponent_label_43_Template","SidebarComponent_label_44_Template","SidebarComponent_label_51_Template","SidebarComponent_label_52_Template","SidebarComponent_label_59_Template","SidebarComponent_label_60_Template","SidebarComponent_label_66_Template","SidebarComponent_label_67_Template","SidebarComponent_div_68_Template","SidebarComponent_div_69_Template","SidebarComponent_div_70_Template","SidebarComponent_label_76_Template","SidebarComponent_label_77_Template","SidebarComponent_div_78_Template","SidebarComponent_div_79_Template","SidebarComponent_div_80_Template","SidebarComponent_label_87_Template","SidebarComponent_label_88_Template","SidebarComponent_label_95_Template","SidebarComponent_label_96_Template","SidebarComponent_label_103_Template","SidebarComponent_label_104_Template","SidebarComponent_label_111_Template","SidebarComponent_label_112_Template","SidebarComponent_label_119_Template","SidebarComponent_label_120_Template","SidebarComponent_label_127_Template","SidebarComponent_label_128_Template","SidebarComponent_label_135_Template","SidebarComponent_label_136_Template","SidebarComponent_label_143_Template","SidebarComponent_label_144_Template","SidebarComponent_label_150_Template","SidebarComponent_label_151_Template","SidebarComponent_div_152_Template","SidebarComponent_div_153_Template","SidebarComponent_div_154_Template","SidebarComponent_label_160_Template","SidebarComponent_label_161_Template","SidebarComponent_div_162_Template","SidebarComponent_div_163_Template","SidebarComponent_div_164_Template","SidebarComponent_label_171_Template","SidebarComponent_label_172_Template","SidebarComponent_label_179_Template","SidebarComponent_label_180_Template","SidebarComponent_label_187_Template","SidebarComponent_label_188_Template","SidebarComponent_label_195_Template","SidebarComponent_label_196_Template","_c15","_c16","_c17","_c18","_c19","_c20","_c21","_c22","_c23","_c24","_c25","_c26","_c27","_c28","_c29","_c30","_c31","_c32","_c33","_r21","_r18","ctx_r20","getValue","_r23","ctx_r22","HeaderComponent_div_42_button_4_Template","_r27","_r24","_r29","HeaderComponent_div_43_button_4_Template","menus_r31","$event","_r33","HeaderComponent_div_48_option_7_Template","menu","_r36","_r34","_r38","_r40","HeaderComponent","route","mobileView","webFirst","webSecond","lang","searchVal","selectedMenu","navigate","onRotate","rotation","document","querySelector","style","transform","showContent","click","table","CloseTable","webVideos","web","language","selectedValue","getAttribute","location","reload","HeaderComponent_button_8_Template","HeaderComponent_button_9_Template","HeaderComponent_label_12_Template","HeaderComponent_label_14_Template","HeaderComponent_label_16_Template","HeaderComponent_label_18_Template","HeaderComponent_button_21_Template","HeaderComponent_button_23_Template","HeaderComponent_h2_34_Template","HeaderComponent_h2_35_Template","HeaderComponent_p_36_Template","HeaderComponent_p_37_Template","HeaderComponent_div_42_Template","HeaderComponent_div_43_Template","HeaderComponent_div_48_Template","HeaderComponent_div_49_Template","HeaderComponent_div_51_Template","HeaderComponent_div_52_Template","AppComponent","title","AppModule","bootstrap","provide","LocationStrategy","useClass","HashLocationStrategy","imports","BrowserModule","FormsModule","CommonModule","ClipboardModule","ReactiveFormsModule","__NgCli_bootstrap_1","bootstrapModule","catch","err","console","error"],"sourceRoot":"webpack:///","sources":["./src/app/share-button/share-button.component.html","./src/app/share-button/share-button.component.ts","./src/app/Booking/booking/booking.component.ts","./src/app/Booking/booking/booking.component.html","./src/app/Booking/booking-hindi/booking-hindi.component.ts","./src/app/Booking/booking-hindi/booking-hindi.component.html","./src/app/Booking/booking-tecketing/booking-tecketing.component.html","./src/app/Booking/booking-tecketing/booking-tecketing.component.ts","./src/app/Booking/creating-profile/creating-profile.component.ts","./src/app/Booking/creating-profile/creating-profile.component.html","./src/app/Booking/creating-profile-hindi/creating-profile-hindi.component.ts","./src/app/Booking/creating-profile-hindi/creating-profile-hindi.component.html","./src/app/Booking/create-profile-main/create-profile-main.component.html","./src/app/Booking/create-profile-main/create-profile-main.component.ts","./src/app/Disputes/disputes/disputes.component.ts","./src/app/Disputes/disputes/disputes.component.html","./src/app/Disputes/disputes-hindi/disputes-hindi.component.ts","./src/app/Disputes/disputes-hindi/disputes-hindi.component.html","./src/app/Disputes/disputes-main/disputes-main.component.html","./src/app/Disputes/disputes-main/disputes-main.component.ts","./src/app/E-Agreement/e-agreement/e-agreement.component.ts","./src/app/E-Agreement/e-agreement/e-agreement.component.html","./src/app/E-Agreement/e-agreement-hindi/e-agreement-hindi.component.ts","./src/app/E-Agreement/e-agreement-hindi/e-agreement-hindi.component.html","./src/app/E-Agreement/agreement/agreement.component.html","./src/app/E-Agreement/agreement/agreement.component.ts","./src/app/G-Store/g-store/g-store.component.ts","./src/app/G-Store/g-store/g-store.component.html","./src/app/G-Store/g-store-hindi/g-store-hindi.component.ts","./src/app/G-Store/g-store-hindi/g-store-hindi.component.html","./src/app/G-Store/store/store.component.html","./src/app/G-Store/store/store.component.ts","./src/app/Invoice/invoice/invoice.component.ts","./src/app/Invoice/invoice/invoice.component.html","./src/app/Invoice/invoice-hindi/invoice-hindi.component.ts","./src/app/Invoice/invoice-hindi/invoice-hindi.component.html","./src/app/Invoice/invoice-main/invoice-main.component.html","./src/app/Invoice/invoice-main/invoice-main.component.ts","./src/app/Pay_Button/pay-button/pay-button.component.ts","./src/app/Pay_Button/pay-button/pay-button.component.html","./src/app/Pay_Button/pay-button-hindi/pay-button-hindi.component.ts","./src/app/Pay_Button/pay-button-hindi/pay-button-hindi.component.html","./src/app/Pay_Button/buttons/buttons.component.html","./src/app/Pay_Button/buttons/buttons.component.ts","./src/app/PAY_G/pay-g/pay-g.component.ts","./src/app/PAY_G/pay-g/pay-g.component.html","./src/app/PAY_G/pay-g-hindi/pay-g-hindi.component.ts","./src/app/PAY_G/pay-g-hindi/pay-g-hindi.component.html","./src/app/PAY_G/payg-main/payg-main.component.html","./src/app/PAY_G/payg-main/payg-main.component.ts","./src/app/Pay_Profile/pay-profile/pay-profile.component.ts","./src/app/Pay_Profile/pay-profile/pay-profile.component.html","./src/app/Pay_Profile/pay-profile-hindi/pay-profile-hindi.component.ts","./src/app/Pay_Profile/pay-profile-hindi/pay-profile-hindi.component.html","./src/app/Pay_Profile/main-profile/main-profile.component.html","./src/app/Pay_Profile/main-profile/main-profile.component.ts","./src/app/Pay_Profile/easy-collect/easy-collect.component.ts","./src/app/Pay_Profile/easy-collect/easy-collect.component.html","./src/app/Pay_Profile/easy-collect-hindi/easy-collect-hindi.component.ts","./src/app/Pay_Profile/easy-collect-hindi/easy-collect-hindi.component.html","./src/app/Pay_Profile/collects/collects.component.html","./src/app/Pay_Profile/collects/collects.component.ts","./src/app/Pay_Profile/smart-collect/smart-collect.component.ts","./src/app/Pay_Profile/smart-collect/smart-collect.component.html","./src/app/Pay_Profile/smart-collect-hindi/smart-collect-hindi.component.ts","./src/app/Pay_Profile/smart-collect-hindi/smart-collect-hindi.component.html","./src/app/Pay_Profile/smart/smart.component.html","./src/app/Pay_Profile/smart/smart.component.ts","./src/app/Payment_Link/payment-link/payment-link.component.ts","./src/app/Payment_Link/payment-link/payment-link.component.html","./src/app/Payment_Link/payment-link-hindi/payment-link-hindi.component.ts","./src/app/Payment_Link/payment-link-hindi/payment-link-hindi.component.html","./src/app/Payment_Link/main-links/main-links.component.html","./src/app/Payment_Link/main-links/main-links.component.ts","./src/app/Payment_Link/create-link/create-link.component.ts","./src/app/Payment_Link/create-link/create-link.component.html","./src/app/Payment_Link/create-link-hindi/create-link-hindi.component.ts","./src/app/Payment_Link/create-link-hindi/create-link-hindi.component.html","./src/app/Payment_Link/create-main/create-main.component.html","./src/app/Payment_Link/create-main/create-main.component.ts","./src/app/Payment_QR/payment-qr/payment-qr.component.ts","./src/app/Payment_QR/payment-qr/payment-qr.component.html","./src/app/Payment_QR/payment-qr-hindi/payment-qr-hindi.component.ts","./src/app/Payment_QR/payment-qr-hindi/payment-qr-hindi.component.html","./src/app/Payment_QR/p-qr/p-qr.component.html","./src/app/Payment_QR/p-qr/p-qr.component.ts","./src/app/Payment-Gateway/payment-gateway/payment-gateway.component.html","./src/app/Payment-Gateway/payment-gateway/payment-gateway.component.ts","./src/app/Payment-Gateway/payment-gateway-hindi/payment-gateway-hindi.component.ts","./src/app/Payment-Gateway/payment-gateway-hindi/payment-gateway-hindi.component.html","./src/app/Payment-Gateway/gateway/gateway.component.html","./src/app/Payment-Gateway/gateway/gateway.component.ts","./src/app/Refunds/refunds/refunds.component.ts","./src/app/Refunds/refunds/refunds.component.html","./src/app/Refunds/refunds-hindi/refunds-hindi.component.ts","./src/app/Refunds/refunds-hindi/refunds-hindi.component.html","./src/app/Refunds/main-refunds/main-refunds.component.html","./src/app/Refunds/main-refunds/main-refunds.component.ts","./src/app/Transactions/transaction/transaction.component.ts","./src/app/Transactions/transaction/transaction.component.html","./src/app/Transactions/transaction-hindi/transaction-hindi.component.ts","./src/app/Transactions/transaction-hindi/transaction-hindi.component.html","./src/app/Transactions/main-transactions/main-transactions.component.html","./src/app/Transactions/main-transactions/main-transactions.component.ts","./src/app/Video_KYC/video-kyc/video-kyc.component.ts","./src/app/Video_KYC/video-kyc/video-kyc.component.html","./src/app/Video_KYC/video-kyc-hindi/video-kyc-hindi.component.ts","./src/app/Video_KYC/video-kyc-hindi/video-kyc-hindi.component.html","./src/app/Video_KYC/kyc/kyc.component.html","./src/app/Video_KYC/kyc/kyc.component.ts","./src/app/Web_Integration/web-integration/web-integration.component.ts","./src/app/Web_Integration/web-integration/web-integration.component.html","./src/app/Web_Integration/web-integration-hindi/web-integration-hindi.component.ts","./src/app/Web_Integration/web-integration-hindi/web-integration-hindi.component.html","./src/app/Web_Integration/integration/integration.component.html","./src/app/Web_Integration/integration/integration.component.ts","./src/app/Settlement/settlement/settlement.component.ts","./src/app/Settlement/settlement/settlement.component.html","./src/app/Settlement/settlement-hindi/settlement-hindi.component.ts","./src/app/Settlement/settlement-hindi/settlement-hindi.component.html","./src/app/Settlement/settlement-main/settlement-main.component.html","./src/app/Settlement/settlement-main/settlement-main.component.ts","./src/app/Price_Match/price/price.component.ts","./src/app/Price_Match/price/price.component.html","./src/app/Price_Match/price-hindi/price-hindi.component.ts","./src/app/Price_Match/price-hindi/price-hindi.component.html","./src/app/Price_Match/price-main/price-main.component.html","./src/app/Price_Match/price-main/price-main.component.ts","./src/app/Onboarding/onbording/onbording.component.ts","./src/app/Onboarding/onbording/onbording.component.html","./src/app/Onboarding/onboarding-hindi/onboarding-hindi.component.ts","./src/app/Onboarding/onboarding-hindi/onboarding-hindi.component.html","./src/app/Onboarding/onboarding-main/onboarding-main.component.html","./src/app/Onboarding/onboarding-main/onboarding-main.component.ts","./src/app/Payout/pay-out/pay-out.component.ts","./src/app/Payout/pay-out/pay-out.component.html","./src/app/Payout/payout-hindi/payout-hindi.component.ts","./src/app/Payout/payout-hindi/payout-hindi.component.html","./src/app/Payout/payout-main/payout-main.component.html","./src/app/Payout/payout-main/payout-main.component.ts","./src/app/Payg_Features/features/features.component.ts","./src/app/Payg_Features/features/features.component.html","./src/app/Payg_Features/features-hindi/features-hindi.component.ts","./src/app/Payg_Features/features-hindi/features-hindi.component.html","./src/app/Payg_Features/features-main/features-main.component.html","./src/app/Payg_Features/features-main/features-main.component.ts","./src/app/Coupons/coupons/coupons.component.ts","./src/app/Coupons/coupons/coupons.component.html","./src/app/Coupons/coupons-hindi/coupons-hindi.component.ts","./src/app/Coupons/coupons-hindi/coupons-hindi.component.html","./src/app/Coupons/coupons-main/coupons-main.component.html","./src/app/Coupons/coupons-main/coupons-main.component.ts","./src/app/Payout/create-payout/create-payout.component.ts","./src/app/Payout/create-payout/create-payout.component.html","./src/app/Payout/create-payout-hindi/create-payout-hindi.component.ts","./src/app/Payout/create-payout-hindi/create-payout-hindi.component.html","./src/app/Payout/create-payout-main/create-payout-main.component.html","./src/app/Payout/create-payout-main/create-payout-main.component.ts","./src/app/Report/reports/reports.component.ts","./src/app/Report/reports/reports.component.html","./src/app/Report/reports-hindi/reports-hindi.component.ts","./src/app/Report/reports-hindi/reports-hindi.component.html","./src/app/Report/reports-main/reports-main.component.html","./src/app/Report/reports-main/reports-main.component.ts","./src/app/Merchant-Dashboard/merchant/merchant.component.ts","./src/app/Merchant-Dashboard/merchant/merchant.component.html","./src/app/Merchant-Dashboard/merchant-hindi/merchant-hindi.component.ts","./src/app/Merchant-Dashboard/merchant-hindi/merchant-hindi.component.html","./src/app/Merchant-Dashboard/merchnat-main/merchnat-main.component.html","./src/app/Merchant-Dashboard/merchnat-main/merchnat-main.component.ts","./src/app/Payment-Gateway/payment-gateway-working-hindi/payment-gateway-working-hindi.component.ts","./src/app/Payment-Gateway/payment-gateway-working-hindi/payment-gateway-working-hindi.component.html","./src/app/Payment-Gateway/payment-gateway-working-english/payment-gateway-working-english.component.ts","./src/app/Payment-Gateway/payment-gateway-working-english/payment-gateway-working-english.component.html","./src/app/Payment-Gateway/payment-gateway-working/payment-gateway-working.component.html","./src/app/Payment-Gateway/payment-gateway-working/payment-gateway-working.component.ts","./src/app/Reseller/Reseller-intro/introduction-reseller/introduction-reseller.component.ts","./src/app/Reseller/Reseller-intro/introduction-reseller/introduction-reseller.component.html","./src/app/Reseller/Registration-process/registration-process/registration-process.component.ts","./src/app/Reseller/Registration-process/registration-process/registration-process.component.html","./src/app/Reseller/login-with-QR/login-with-qr/login-with-qr.component.ts","./src/app/Reseller/login-with-QR/login-with-qr/login-with-qr.component.html","./src/app/Reseller/Manual-Login-Process/manual-login/manual-login.component.ts","./src/app/Reseller/Manual-Login-Process/manual-login/manual-login.component.html","./src/app/Reseller/reseller-intro-hindi/reseller-intro-hindi.component.ts","./src/app/Reseller/reseller-intro-hindi/reseller-intro-hindi.component.html","./src/app/Reseller/reseller-intro-main/reseller-intro-main.component.html","./src/app/Reseller/reseller-intro-main/reseller-intro-main.component.ts","./src/app/Reseller/registration-process-hindi/registration-process-hindi.component.ts","./src/app/Reseller/registration-process-hindi/registration-process-hindi.component.html","./src/app/Reseller/registration-process-main/registration-process-main.component.html","./src/app/Reseller/registration-process-main/registration-process-main.component.ts","./src/app/Reseller/login-with-qr-hindi/login-with-qr-hindi.component.ts","./src/app/Reseller/login-with-qr-hindi/login-with-qr-hindi.component.html","./src/app/Reseller/login-with-qr-main/login-with-qr-main.component.html","./src/app/Reseller/login-with-qr-main/login-with-qr-main.component.ts","./src/app/Reseller/manual-login-hindi/manual-login-hindi.component.ts","./src/app/Reseller/manual-login-hindi/manual-login-hindi.component.html","./src/app/Reseller/manual-login-main/manual-login-main.component.html","./src/app/app-routing.module.ts","./src/app/Reseller/manual-login-main/manual-login-main.component.ts","./src/app/footer/footer.component.html","./src/app/footer/footer.component.ts","./src/app/Sidebar/sidebar/sidebar.component.html","./src/app/Sidebar/sidebar/sidebar.component.ts","./src/app/header/header.component.html","./src/app/header/header.component.ts","./src/app/app.component.ts","./src/app/app.component.html","./src/app/app.module.ts","./src/main.ts"],"sourcesContent":[" \r\n<div class=\"modal-cont\" *ngIf=\"isModalVisible\">\r\n  <div class=\"row\">\r\n    <div class=\"col-md-6\">\r\n      <div class=\"card\" style=\"width: 450px; height: auto; border-radius: 15px \">\r\n        <div class=\"card-body\">\r\n          <h2>Share </h2> \r\n            <button id=\"closeBtn\" style=\" border-radius: 50px;\r\n            float: right;\r\n            margin-top: -38px;\r\n        \" type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"close()\">X\r\n          </button>\r\n          </div>\r\n          <div class=\"modal-body\">\r\n          <div class=\"social_profile\">\r\n            <ul>\r\n              <li class=\"col-md-\" >\r\n                <a href=\"javascript:void(0)\"  (click)=\"shareOnFacebook()\">\r\n                  <img alt=\"facebook\" src=\"./assets/facebooknew.png\" style=\"width:50px ; margin-left: -20px;\"/>\r\n                </a>\r\n              </li>\r\n              <li class=\"col-md-\">\r\n                <a href=\"javascript:void(0)\"  (click)=\"shareOnTwitter()\">\r\n                  <img alt=\"twitter\" src=\"./assets/twitternew.png\" style=\"width:48px ; margin-top: -1px; margin-left: 11px;\" />\r\n                </a>\r\n              </li>\r\n              <li class=\"col-md-2\">\r\n                <a href=\"javascript:void(0)\"  (click)=\"shareOnLinkedIn()\">\r\n                  <img alt=\"linkedin\" src=\"./assets/linkedinnew.png\" style=\"width:42px ; margin-top: 8px; margin-left: 14px;\" />\r\n                </a>\r\n              </li>\r\n              <li class=\"col-md-\">\r\n                <a href=\"javascript:void(0)\"  (click)=\"shareOnWhatsapp()\">\r\n                  <img alt=\"linkedin\" src=\"./assets/whatsappnew.png\" style=\"width:41px ; margin-top: 8px; margin-left: 4px;\" />\r\n                </a>\r\n              </li>\r\n              <li class=\"col-md-\">\r\n                <a href=\"javascript:void(0)\"  (click)=\"shareOnEmail()\">\r\n                  <img alt=\"linkedin\" src=\"./assets/emailnew.png\" style=\"width:40px ; margin-top: 9px; margin-left: 18px; \" />\r\n                </a>\r\n              </li>\r\n\r\n              <li class=\"col-md-\">\r\n                <a href=\"javascript:void(0)\"  (click)=\"copyLinks()\"  *ngIf=\"!copySuccess\">\r\n                  <img alt=\"Copy to Clipboard\" src=\"./assets/copypng.png\" style=\"width:41px ; margin-top: 8px; margin-left: 19px;\" />\r\n                </a>\r\n                <a href=\"javascript:void(0)\"  (click)=\"copyLinks()\" *ngIf=\"copySuccess\"> \r\n                  <img alt=\"Link Copied\"  src=\"./assets/copied.png\" style=\"width:44px ; margin-top: 7px;  margin-left: 19px;\" />\r\n                </a>\r\n              </li>\r\n            </ul>\r\n            <div><ul style=\"font-size: 11px;\">\r\n              <li style=\"margin-top: -18px; margin-left: -17px;\">Facebook</li>\r\n              <li style=\"margin-top: -18px; margin-left: 16px;\">Twitter</li>\r\n              <li style=\"margin-top: -18px; margin-left: 23px;\">Linkedin</li>\r\n              <li style=\"margin-top: -18px; margin-left: 13px;\">Whatsapp</li>\r\n              <li style=\"margin-top: -18px; margin-left: 20px;\">Email</li>\r\n              <li style=\"margin-top: -18px; margin-left: 20px;\" *ngIf=\"!copySuccess\">Copy Link</li>\r\n              <li style=\"margin-top: -18px; margin-left: 28px;\" *ngIf=\"copySuccess\">Copied</li>\r\n            </ul></div>\r\n          </div> \r\n        </div> \r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n \r\n ","import { Component, Input } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { Location, PlatformLocation } from '@angular/common';\r\nimport { ClipboardService } from 'ngx-clipboard';\r\n\r\n@Component({\r\n  selector: 'app-share-button',\r\n  templateUrl: './share-button.component.html',\r\n  styleUrls: ['./share-button.component.css']\r\n})\r\nexport class ShareButtonComponent {\r\n  @Input() isModalVisible: boolean = false;\r\n  copySuccess: boolean = false;\r\n  // @Input() shareUrl: string = '';\r\n  shareUrl: string = '';\r\n  constructor(private platformLocation: PlatformLocation,private clipboardService: ClipboardService) {\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.shareUrl = this.platformLocation.href;\r\n  }\r\n  setData(status: boolean) { \r\n    this.isModalVisible = status;\r\n  }\r\n  shareOnFacebook() {\r\n    const encodedUrl = encodeURIComponent(this.shareUrl);\r\n    this.close();\r\n    window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodedUrl}`, 'sharer');\r\n  }\r\n\r\n  copyLinks() {\r\n    this.copySuccess = true;\r\n    this.clipboardService.copyFromContent(this.shareUrl); \r\n  }\r\n  shareOnTwitter() { \r\n    const encodedUrl = encodeURIComponent(this.shareUrl);\r\n    this.close();\r\n    window.open(`https://twitter.com/intent/tweet?url=${encodedUrl}&text=${encodedUrl}`, 'sharer');\r\n  }\r\n  close() {\r\n    this.isModalVisible = false;\r\n  }\r\n  shareOnLinkedIn() {\r\n\r\n    const encodedUrl = encodeURIComponent(this.shareUrl);\r\n    this.close();\r\n    window.open(`https://www.linkedin.com/shareArticle?url=${encodedUrl}&title=${encodedUrl}`, 'sharer');\r\n  }\r\n  shareOnWhatsapp() { \r\n    const encodedUrl = encodeURIComponent(this.shareUrl); \r\n    this.close();\r\n    window.open(`https://api.whatsapp.com/send?text=${encodedUrl}`, 'sharer');\r\n    // `https://api.whatsapp.com/sendurl=${encodedUrl}&title=${encodedUrl}`, 'sharer'); \r\n  }\r\n  shareOnEmail() { \r\n    const encodedUrl = encodeURIComponent(this.shareUrl);\r\n    this.close();\r\n    window.open(`mailto:?subject=\"\"&amp;body=Check out this site ${encodedUrl}`, 'sharer');\r\n  }\r\n\r\n\r\n}\r\n","import { Component, ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-booking',\r\n  templateUrl: './booking.component.html',\r\n  styleUrls: ['./booking.component.css']\r\n})\r\nexport class BookingComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>\r\n                        <h2 > Booking & Ticketing </h2>\r\n                    </h2>\r\n                </div>\r\n\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='55'>\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe\r\n                            class=\"i-frame\"\r\n                            src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                            frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"col-md-12  mt-3\" (mouseover)=\"showpayment(true,'2')\"\r\n                    (mouseout)=\"showpayment(false,'2')\" id=\"56\">\r\n                    <h4 >Booking and Ticketing</h4>\r\n                    <label for=\"\" class=\"mt-4\" >A booking and ticketing feature is a\r\n                        helpful tool for\r\n                        merchants. It lets people reserve spots or buy tickets for things like\r\n                        services, events, or activities. This makes it easier to plan and make sure\r\n                        you can use or attend to what you want. Merchants use these features to make\r\n                        it simple for customers to book their services or buy tickets. It helps\r\n                        businesses run smoothly, make customers happy, and earn more money.\r\n                        Businesses can also use the PayG app to keep track of all the bookings they\r\n                        get, so they can manage them well.</label>\r\n\r\n                    <label for=\"\" class=\"mt-4\" >In India every other person is\r\n                        standing in a queue\r\n                        for booking the tickets, booking an appointment, booking an event, etc. It\r\n                        is difficult for both the customers and the merchants to manage and book\r\n                        tickets. So, at PayG, we launched a new product called “Booking and\r\n                        Ticketing” which is available for free at PayG. </label>\r\n                                    </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\"\r\n                    (mouseout)=\"showpayment(false,'3')\" id=\"57\">\r\n                    <h4 >What is Booking and Ticketing?</h4>\r\n                    <label for=\"\" class=\"mt-4\" >Booking and ticketing features for\r\n                        merchants refer to\r\n                        functionalities and tools that enable businesses to manage reservations,\r\n                        appointments, and ticket sales for their services, events, activities, or\r\n                        offerings. These features empower merchants to efficiently organize their\r\n                        operations, enhance customer experiences, and optimize revenue streams.\r\n                        Merchants can also access a robust booking management system, enabling them\r\n                        to track and handle their bookings efficiently. </label>\r\n                    \r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\"\r\n                    (mouseout)=\"showpayment(false,'4')\" id=\"58\">\r\n\r\n                    <h4 >Benefits of Booking and Ticketing</h4>\r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        Here's an overview of how booking and ticketing features benefit merchants:\r\n                    </label>\r\n                    \r\n                    <ul class=\"mt-3\" >\r\n                        <li>Creating a booking profile on PayG is very easy.</li>\r\n                        <li class=\"mt-3\">Merchants can use different “Ready to use templates”.</li>\r\n                        <li class=\"mt-3\">Merchants can generate their own booking URLs and QR codes\r\n                            and share them with their customers to receive payments.</li>\r\n                        <li class=\"mt-3\">The customers can book their tickets from anywhere and\r\n                            through any device, for example, laptop, mobile phone, etc</li>\r\n                        <li class=\"mt-3\">Merchants can track revenue generated from events, and\r\n                            manage bookings made by their customers</li>\r\n                        <li class=\"mt-3\">PayG provides an integrated payment gateway to take online\r\n                            payments smoothly.</li>\r\n                    </ul>\r\n               \r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        In PayG mobile application the personal side can be used by the user to book\r\n                        tickets and merchant side can be used to scan the tickets for check in.\r\n                    </label>\r\n                  \r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n  </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5 >\r\n                        Table of Contents:\r\n                    </h5>\r\n                   \r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#55\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                   What is Booking and Ticketing? </span>\r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#56\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                                    >\r\n\r\n                                    Introduction to Booking and Ticketing</span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#57\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                                    > What is Booking and Ticketing?\r\n\r\n                                </span>\r\n                           \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#58\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                                    >\r\n                                    Benefits of Booking and Ticketing\r\n                                </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/ppt.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-8\">\r\n                            <a href=\"./assets/PPT/Booking and Ticketing new.pdf\"\r\n                                target=\"_blank\">\r\n                                <span style=\"cursor: pointer;\" class=\"pptHover\" [ngClass]=\"{'ppt':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    Booking and Ticketing Overview </span>\r\n                            </a>\r\n                        </div>\r\n                        <div class=\"col-md-2\">\r\n                            <a href=\"./assets/PPT/Booking and Ticketing new.pdf\" download><img src=\"./assets/Download.svg\"\r\n                                    alt=\"\" width=\"100%\"></a>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n             \r\n                <a [routerLink]=\"['/easy-collect']\">   <button class=\"btn btn-color\" (click)=\"menues('smart collect')\" >\r\n                    <img src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Smart Collect\r\n                </button></a>\r\n              \r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/create-profile']\"><button class=\"btn btn-color\" (click)=\"menues('Creating Profile')\"\r\n                    >Creating\r\n                    Profile\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a> \r\n               </div>\r\n        </div>\r\n    </div>\r\n    </div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-booking-hindi',\r\n  templateUrl: './booking-hindi.component.html',\r\n  styleUrls: ['./booking-hindi.component.css']\r\n})\r\nexport class BookingHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>\r\n                        <h2 > बुकिंग और टिकटिंग </h2>\r\n                    </h2>\r\n                </div>\r\n\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a></div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='55'>\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe\r\n                            class=\"i-frame\"\r\n                            src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                            frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"col-md-12  mt-3\" (mouseover)=\"showpayment(true,'2')\"\r\n                    (mouseout)=\"showpayment(false,'2')\" id=\"56\">\r\n                    <h4 >बुकिंग और टिकटिंग</h4>\r\n                   \r\n\r\n                   \r\n                    <label for=\"\" class=\"mt-4\" >बुकिंग और टिकटिंग सुविधा व्यापारियों के\r\n                        लिए एक सहायक उपकरण है। यह लोगों को सेवाओं, आयोजनों या गतिविधियों जैसी चीज़ों\r\n                        के लिए स्थान आरक्षित करने या टिकट खरीदने की सुविधा देता है। इससे योजना बनाना\r\n                        आसान हो जाता है और यह सुनिश्चित हो जाता है कि आप जो चाहते हैं उसका उपयोग कर\r\n                        सकते हैं या उस पर ध्यान दे सकते हैं। व्यापारी इन सुविधाओं का उपयोग ग्राहकों\r\n                        के लिए अपनी सेवाएं बुक करना या टिकट खरीदना आसान बनाने के लिए करते हैं। यह\r\n                        व्यवसायों को सुचारू रूप से चलाने, ग्राहकों को खुश करने और अधिक पैसा कमाने\r\n                        में मदद करता है। व्यवसाय उन्हें मिलने वाली सभी बुकिंग पर नज़र रखने के लिए\r\n                        पे जी ऐप का भी उपयोग कर सकते हैं, ताकि वे उन्हें अच्छी तरह से प्रबंधित कर\r\n                        सकें।\r\n\r\n                    </label>\r\n\r\n                    <label for=\"\" class=\"mt-4\" >भारत में हर दूसरा व्यक्ति टिकट बुक\r\n                        करने, अपॉइंटमेंट बुक करने, किसी इवेंट की बुकिंग आदि के लिए कतार में खड़ा है।\r\n                        ग्राहकों और व्यापारियों दोनों के लिए टिकटों का प्रबंधन और बुकिंग करना\r\n                        मुश्किल है। इसलिए, पे जी पर, हमने \"बुकिंग और टिकटिंग\" नामक एक नया उत्पाद\r\n                        लॉन्च किया, जो पे जी पर निःशुल्क उपलब्ध है।\r\n\r\n                    </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\"\r\n                    (mouseout)=\"showpayment(false,'3')\" id=\"57\">\r\n                    <h4 >बुकिंग और टिकटिंग क्या है? </h4>\r\n                \r\n                    <label for=\"\" class=\"mt-4\" >व्यापारियों के लिए बुकिंग और टिकटिंग\r\n                        सुविधाएँ उन कार्यात्मकताओं और उपकरणों को संदर्भित करती हैं जो व्यवसायों को\r\n                        उनकी सेवाओं, घटनाओं, गतिविधियों या पेशकशों के लिए आरक्षण, नियुक्तियों और\r\n                        टिकट बिक्री का प्रबंधन करने में सक्षम बनाती हैं। ये सुविधाएँ व्यापारियों को\r\n                        अपने परिचालन को कुशलतापूर्वक व्यवस्थित करने, ग्राहक अनुभव बढ़ाने और राजस्व\r\n                        धाराओं को अनुकूलित करने के लिए सशक्त बनाती हैं। व्यापारी एक मजबूत बुकिंग\r\n                        प्रबंधन प्रणाली तक भी पहुंच सकते हैं, जो उन्हें अपनी बुकिंग को कुशलतापूर्वक\r\n                        ट्रैक करने और संभालने में सक्षम बनाता है।\r\n\r\n                    </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\"\r\n                    (mouseout)=\"showpayment(false,'4')\" id=\"58\">\r\n\r\n                    <h4 >बुकिंग और टिकटिंग के लाभ </h4>\r\n                   \r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        यहां इस बात का अवलोकन दिया गया है कि बुकिंग और टिकटिंग सुविधाएं व्यापारियों\r\n                        को कैसे लाभ पहुंचाती हैं:\r\n                    </label>\r\n                \r\n                    <ul class=\"mt-3\" >\r\n                        <li>पे जी पर बुकिंग प्रोफ़ाइल बनाना बहुत आसान है। </li>\r\n                        <li class=\"mt-3\">व्यापारी अलग-अलग \"रेडी टू यूज़ टेम्प्लेट\" का उपयोग कर सकते\r\n                            हैं। .</li>\r\n                        <li class=\"mt-3\">व्यापारी अपने स्वयं के बुकिंग यूआरएल और क्यूआर कोड उत्पन्न\r\n                            कर सकते हैं और भुगतान प्राप्त करने के लिए उन्हें अपने ग्राहकों के साथ\r\n                            साझा कर सकते हैं। </li>\r\n                        <li class=\"mt-3\">ग्राहक अपने टिकट कहीं से भी और किसी भी उपकरण, उदाहरण के लिए\r\n                            लैपटॉप, मोबाइल फोन आदि के माध्यम से बुक कर सकते हैं </li>\r\n                        <li class=\"mt-3\">व्यापारी आयोजनों से उत्पन्न राजस्व को ट्रैक कर सकते हैं, और\r\n                            अपने ग्राहकों द्वारा की गई बुकिंग का प्रबंधन कर सकते हैं </li>\r\n                        <li class=\"mt-3\">पे जी ऑनलाइन भुगतान को सुचारू रूप से लेने के लिए एक एकीकृत\r\n                            भुगतान गेटवे प्रदान करता है। </li>\r\n                    </ul>\r\n                \r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        पे जी मोबाइल एप्लिकेशन में उपयोगकर्ता द्वारा टिकट बुक करने के लिए व्यक्तिगत\r\n                        पक्ष का उपयोग किया जा सकता है और चेक इन के लिए टिकटों को स्कैन करने के लिए\r\n                        व्यापारी पक्ष का उपयोग किया जा सकता है।\r\n                    </label>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n  </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                 \r\n                    <h5 >\r\n                        विषयसूची\r\n                    </h5>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#55\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                   What is Booking and Ticketing? </span>\r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#56\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                               \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                                    >\r\n\r\n                                    बुकिंग और टिकटिंग का परिचय </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#57\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                                    >बुकिंग और टिकटिंग क्या है?\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#58\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                                    >\r\n                                    बुकिंग और टिकटिंग के लाभ </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/ppt.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-8\">\r\n                            <a href=\"./assets/PPT/Hindi Booking & Ticketing new.pdf\"\r\n                                target=\"_blank\">\r\n                                <span style=\"cursor: pointer;\" class=\"pptHover\" [ngClass]=\"{'ppt':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    बुकिंग और टिकटिंग अवलोकन</span>\r\n                            </a>\r\n                        </div>\r\n                        <div class=\"col-md-2\">\r\n                            <a href=\"./assets/PPT/Hindi Booking & Ticketing new.pdf\" download><img src=\"./assets/Download.svg\"\r\n                                    alt=\"\" width=\"100%\"></a>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n           \r\n                <a [routerLink]=\"['/easy-collect']\">  <button class=\"btn btn-color\" (click)=\"menues('Easy Collect')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;स्मार्ट कलेक्ट\r\n\r\n                </button></a>\r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n               \r\n                <a [routerLink]=\"['/create-profile']\"><button class=\"btn btn-color\" (click)=\"menues('Creating Profile')\"\r\n                    >प्रोफ़ाइल\r\n                    बनाना\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    </div>","<app-booking *ngIf=\"english\"></app-booking>\r\n<app-booking-hindi *ngIf=\"hindi\"></app-booking-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-booking-tecketing',\r\n  templateUrl: './booking-tecketing.component.html',\r\n  styleUrls: ['./booking-tecketing.component.css']\r\n})\r\nexport class BookingTecketingComponent {\r\nenglish:boolean=true;\r\nhindi:boolean=false;\r\nngOnInit(): void {\r\n  const storeVal = localStorage.getItem('selectedValue');\r\n  if (storeVal == 'english') {\r\n    this.english = true;\r\n    this.hindi = false;\r\n  }\r\n  if (storeVal == 'hindi') {\r\n\r\n    this.english = false;\r\n    this.hindi = true;\r\n  }\r\n\r\n}\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-creating-profile',\r\n  templateUrl: './creating-profile.component.html',\r\n  styleUrls: ['./creating-profile.component.css']\r\n})\r\nexport class CreatingProfileComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>\r\n                        <h2> How to create a Booking profile? </h2>\r\n                    </h2>\r\n                </div>\r\n\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>\r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='59'>\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe\r\n                            class=\"i-frame\"\r\n                            src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                            frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id='60'>\r\n                    <h4>\r\n                        How to create a Booking profile?\r\n\r\n                    </h4>\r\n                    <label for=\"\" class=\"mt-3\">Login to your PayG account.</label>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking1.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-4\">On the left side of the dashboard,\r\n                        click on “Booking\r\n                        and Ticketing” feature.</label>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking2.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-3\">On the top right corner of the\r\n                        dashboard, click on\r\n                        “Create new booking event” and select one of the options “Create booking\r\n                        profile for venue event” or “Create booking profile for online\r\n                        event”.</label>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking3.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking4.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-3\">Next, choose a template or make your\r\n                        own and fill in\r\n                        all the information, including the profile name, category, organized by,\r\n                        about the event, etc. You can add and remove as many fields as you want\r\n                        because it is completely customizable. </label>\r\n\r\n                    <div class=\"row mt-3\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking5.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-2 text-center\">\r\n                            <img src=\"./assets/booking6.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-3\">Moving to the next step, fill in the\r\n                        details for\r\n                        venue and time details.</label>\r\n\r\n                    <div class=\"row mt-3\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking7.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-2 text-center\">\r\n                            <img src=\"./assets/booking8.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-2 text-center\">\r\n                            <img src=\"./assets/booking9.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-3\">Next, set customer type like\r\n                        nationality, gender,\r\n                        etc. Then select Create Ticket Services, where you can choose whether to\r\n                        generate a single ticket or numerous tickets for your clients. Then enter\r\n                        every other detail. If you choose the \"Need only bookings\" option, no\r\n                        revenue will be made; it will merely serve as an admission ticket to the\r\n                        event. Click \"Create add-ons\" if the merchant wants to offer their clients\r\n                        other services.</label>\r\n\r\n\r\n                    <div class=\"row mt-3\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking10.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-2 text-center\">\r\n                            <img src=\"./assets/booking11.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-2 text-center\">\r\n                            <img src=\"./assets/booking12.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-3\">\"View Profile\" is the next phase,\r\n                        where you can\r\n                        preview your profile before it is really seen by your clients.</label>\r\n\r\n                    <div class=\"row mt-3\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking13.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-3\">The last step is to “Create ticket”.\r\n                        Copy the link\r\n                        generated or download the QR code and share it with your customers.</label>\r\n\r\n                    <div class=\"row mt-3\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking14.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-3\">In conclusion, setting up a booking\r\n                        and ticketing\r\n                        profile within PayG is a straightforward process that empowers you to\r\n                        seamlessly manage reservations and transactions. By following the steps\r\n                        outlined above, you'll be well on your way to creating a robust profile that\r\n                        caters to your business's unique needs. Remember that a well-configured\r\n                        booking and ticketing profile not only streamlines your operations but also\r\n                        enhances customer satisfaction, leading to increased trust and loyalty.\r\n                        Should you encounter any challenges during the setup process, our dedicated\r\n                        support team is readily available to assist you. Thank you for choosing PayG\r\n                        for your booking and ticketing needs – we look forward to contributing to\r\n                        your business's success.</label>\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#59\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                   \r\nCreating Booking and Ticketing Profile\r\n</span>\r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#60\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\">\r\n\r\n                                    Creating Booking and Ticketing Profile\r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>    \r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/booking-tecketing']\"> <button class=\"btn btn-color\"\r\n                    >\r\n                    <img src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Booking &\r\n                    Ticketing\r\n                </button>\r\n            </a>\r\n              \r\n            </div>\r\n            <!-- <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/pay-out']\">   <button class=\"btn  btn-color\"  >Pay out\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div> -->\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/onboarding']\">   <button class=\"btn  btn-color\"  >Onboarding\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-creating-profile-hindi',\r\n  templateUrl: './creating-profile-hindi.component.html',\r\n  styleUrls: ['./creating-profile-hindi.component.css']\r\n})\r\nexport class CreatingProfileHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        \r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>\r\n                        <h2> बुकिंग प्रोफ़ाइल कैसे बनाएं? </h2>\r\n                    </h2>\r\n                </div>\r\n\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a></div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='59'>\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe\r\n                            class=\"i-frame\"\r\n                            src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                            frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\"\r\n                    (mouseout)=\"showpayment(false,'2')\" id='60'>\r\n                  \r\n                    <h4>\r\n                        बुकिंग प्रोफ़ाइल कैसे बनाएं?\r\n\r\n                    </h4>\r\n                    <label for=\"\" class=\"mt-3\">अपने PayG खाते में लॉगिन करें. </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking1.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                   \r\n                    <label for=\"\" class=\"mt-4\">डैशबोर्ड के बाईं ओर, “Booking\r\n                        and Ticketing” सुविधा पर क्लिक करें। </label>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking2.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                   \r\n                    <label for=\"\" class=\"mt-3\">डैशबोर्ड के ऊपरी दाएं कोने पर, “Create\r\n                        new booking event” पर क्लिक करें और “Create booking\r\n                        profile for venue event” या “Create booking profile for online\r\n                        event” विकल्पों में से एक का चयन करें। </label>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking3.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking4.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                   \r\n                    <label for=\"\" class=\"mt-3\">इसके बाद, एक टेम्प्लेट चुनें या अपना\r\n                        खुद का बनाएं और प्रोफ़ाइल नाम, श्रेणी, द्वारा आयोजित, ईवेंट के बारे में आदि\r\n                        सहित सभी जानकारी भरें। आप जितनी चाहें उतनी फ़ील्ड जोड़ और हटा सकते हैं\r\n                        क्योंकि यह पूरी तरह से अनुकूलन योग्य है। </label>\r\n                    <div class=\"row mt-3\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking5.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-2 text-center\">\r\n                            <img src=\"./assets/booking6.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    \r\n                    <label for=\"\" class=\"mt-3\">अगले चरण पर आगे बढ़ते हुए, स्थान और समय\r\n                        के विवरण भरें। </label>\r\n                    <div class=\"row mt-3\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking7.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-2 text-center\">\r\n                            <img src=\"./assets/booking8.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-2 text-center\">\r\n                            <img src=\"./assets/booking9.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                   \r\n                    <label for=\"\" class=\"mt-3\">इसके बाद, ग्राहक प्रकार जैसे\r\n                        राष्ट्रीयता, लिंग आदि सेट करें। फिर टिकट सेवाएं बनाएं चुनें, जहां आप चुन\r\n                        सकते हैं कि अपने ग्राहकों के लिए एक टिकट या कई टिकट जेनरेट करना है या नहीं।\r\n                        फिर अन्य सभी विवरण दर्ज करें। यदि आप \"केवल बुकिंग की आवश्यकता है\" विकल्प\r\n                        चुनते हैं, तो कोई राजस्व नहीं कमाया जाएगा; यह केवल आयोजन के लिए प्रवेश टिकट\r\n                        के रूप में काम करेगा। यदि व्यापारी अपने ग्राहकों को अन्य सेवाएँ प्रदान करना\r\n                        चाहता है तो \"ऐड-ऑन बनाएँ\" पर क्लिक करें। </label>\r\n\r\n                    <div class=\"row mt-3\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking10.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-2 text-center\">\r\n                            <img src=\"./assets/booking11.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-2 text-center\">\r\n                            <img src=\"./assets/booking12.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-3\">\"View Profile\" अगला चरण है, जहां आप\r\n                        अपने ग्राहकों द्वारा वास्तव में देखे जाने से पहले अपनी प्रोफ़ाइल का\r\n                        पूर्वावलोकन कर सकते हैं। </label>\r\n                    <div class=\"row mt-3\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking13.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    \r\n                    <label for=\"\" class=\"mt-3\">अंतिम चरण “Create ticket” है। उत्पन्न\r\n                        लिंक को कॉपी करें या क्यूआर कोड डाउनलोड करें और इसे अपने ग्राहकों के साथ\r\n                        साझा करें। </label>\r\n                    <div class=\"row mt-3\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <img src=\"./assets/booking14.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-3\">अंत में, PayG के भीतर बुकिंग और टिकटिंग\r\n                        प्रोफ़ाइल स्थापित करना एक सीधी प्रक्रिया है जो आपको आरक्षण और लेनदेन को\r\n                        निर्बाध रूप से प्रबंधित करने का अधिकार देती है। ऊपर बताए गए चरणों का पालन\r\n                        करके, आप एक मजबूत प्रोफ़ाइल बनाने की राह पर होंगे जो आपके व्यवसाय की विशिष्ट\r\n                        आवश्यकताओं को पूरा करती है। याद रखें कि एक अच्छी तरह से कॉन्फ़िगर की गई\r\n                        बुकिंग और टिकटिंग प्रोफ़ाइल न केवल आपके संचालन को सुव्यवस्थित करती है बल्कि\r\n                        ग्राहकों की संतुष्टि को भी बढ़ाती है, जिससे विश्वास और वफादारी बढ़ती है। यदि\r\n                        आपको सेटअप प्रक्रिया के दौरान किसी भी चुनौती का सामना करना पड़ता है, तो\r\n                        हमारी समर्पित सहायता टीम आपकी सहायता के लिए तुरंत उपलब्ध है। अपनी बुकिंग और\r\n                        टिकटिंग आवश्यकताओं के लिए PayG को चुनने के लिए धन्यवाद - हम आपके व्यवसाय की\r\n                        सफलता में योगदान देने के लिए तत्पर हैं। </label>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n</div>\r\n        <div class=\"col-md-4  hide-tbl content2 \">\r\n            <div class=\"card crd p-4\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                        \r\n                        <h5>\r\n                            विषयसूची :\r\n                        </h5>\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2\">\r\n                        <!-- <a href=\"#59\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                   \r\nCreating Booking and Ticketing Profile\r\n</span>\r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                    </div>\r\n\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <a href=\"#60\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                        alt=\"\">\r\n                                </div>\r\n                                <div class=\"col-md-10\">\r\n                                   \r\n                                    <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                        [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                                       >\r\n\r\n                                        बुकिंग और टिकटिंग प्रोफ़ाइल बनाना\r\n                                    </span>\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-9 hide ft-9\">\r\n            <hr>\r\n            <div class=\" row crd\">\r\n                <div class=\"col-md-8\">\r\n                    \r\n                    <a [routerLink]=\"['/booking-tecketing']\"><button class=\"btn btn-color\" (click)=\"menues('Booking & Ticketing')\" >\r\n                        <img src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;बुकिंग और टिकटिंग\r\n                    </button></a> \r\n                </div>\r\n                <div class=\"col-md-4    \">\r\n                    <a [routerLink]=\"['/pay-out']\">   <button class=\"btn  btn-color\"  >पे आउट\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n                </div>\r\n             \r\n            </div>\r\n        </div>\r\n        </div>","<app-creating-profile *ngIf=\"english\"></app-creating-profile>\r\n<app-creating-profile-hindi *ngIf=\"hindi\"></app-creating-profile-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-create-profile-main',\r\n  templateUrl: './create-profile-main.component.html',\r\n  styleUrls: ['./create-profile-main.component.css']\r\n})\r\nexport class CreateProfileMainComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-disputes',\r\n  templateUrl: './disputes.component.html',\r\n  styleUrls: ['./disputes.component.css']\r\n})\r\nexport class DisputesComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\"\r\n                id=\"102\">\r\n                    <h2>Disputes </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-12\">\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe\r\n                            class=\"i-frame\"\r\n                            src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                            frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-3\" >\r\n                    <label for=\"\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\"\r\n                    id=\"102\">A dispute refers to a disagreement or conflict between two or more parties that may arise from differences in opinions, interests, or interpretations. Disputes can occur in various contexts, including personal relationships, business transactions, legal matters, and more. They can range from minor disagreements to major conflicts that require formal resolution processes.  </label>\r\n\r\n                    <label for=\"\" class=\"mt-4\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"103\"><b>Disputes and Chargebacks:\r\n                        </b>&nbsp;A dispute,\r\n                        also\r\n                        known\r\n                        as a\r\n                        chargeback, occurs when a customer questions or disputes a charge that\r\n                        appears\r\n                        on\r\n                        their\r\n                        credit or debit card statement. This can happen for a variety of reasons,\r\n                        such\r\n                        as\r\n                        not\r\n                        recognizing the charge, suspecting fraudulent activity, or being\r\n                        dissatisfied\r\n                        with\r\n                        the\r\n                        product or service received. When a dispute is initiated, the payment\r\n                        processor,\r\n                        including PayG, is obligated to investigate the matter and resolve it fairly\r\n                        for\r\n                        both\r\n                        parties involved. </label>\r\n\r\n                    <label for=\"\" class=\"mt-4\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id=\"104\"><b>Fraud Prevention:</b>&nbsp; Fraud\r\n                        is a serious\r\n                        concern\r\n                        in\r\n                        the\r\n                        online payment industry. It involves unauthorized or fraudulent transactions\r\n                        carried\r\n                        out\r\n                        by individuals or groups with bad intentions. These transactions can be\r\n                        damaging\r\n                        to\r\n                        both\r\n                        customers and merchants, leading to financial losses and shattering the\r\n                        customer’s\r\n                        trust\r\n                        in the payment process. To combat fraud, PayG employs advanced fraud\r\n                        prevention\r\n                        measures. These measures involve sophisticated algorithms and technologies\r\n                        that\r\n                        analyze\r\n                        transaction patterns, IP addresses, device information, and more to identify\r\n                        potentially\r\n                        fraudulent activities. If a transaction raises red flags, it might be\r\n                        flagged\r\n                        for\r\n                        further review or even blocked to protect both your business and the\r\n                        customer.\r\n                    </label>\r\n\r\n                    <label for=\"\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id=\"104\">Disputes and fraud prevention are integral aspects\r\n                        of online\r\n                        transactions\r\n                        and\r\n                        understanding them can help us work together to ensure a smooth and secure\r\n                        payment\r\n                        experience for your customers. If you ever have questions or concerns\r\n                        regarding\r\n                        these\r\n                        matters, please don't hesitate to reach out. We're here to support you every\r\n                        step of\r\n                        the\r\n                        way. </label>\r\n             \r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n                </div>\r\n                <!-- <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#1\"> <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\"> &nbsp;</div>\r\n                        <div class=\"col-md-10\">\r\n                            <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                E-Agreement </span>\r\n                        </div>\r\n                    </div></a>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#102\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('5')\">\r\n                                    What are disputes?  </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#103\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">Disputes and Chargebacks \r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3 \">\r\n                    <a href=\"#104\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">Fraud Prevention at PayG \r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/refunds']\">  <button class=\"btn btn-color\" (click)=\"menues('Refunds')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Refunds\r\n                </button></a>\r\n               \r\n            </div>\r\n            <div class=\"col-md-4   \">\r\n                <a [routerLink]=\"['/pay-profile']\"><button class=\"btn btn-color\" (click)=\"menues('Pay Profile')\" >Pay\r\n                    Profile\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n              \r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-disputes-hindi',\r\n  templateUrl: './disputes-hindi.component.html',\r\n  styleUrls: ['./disputes-hindi.component.css']\r\n})\r\nexport class DisputesHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\"\r\n                id=\"102\">\r\n                    <h2 >विवाद </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-12\">\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe\r\n                            class=\"i-frame\"\r\n                            src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                            frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-3\">\r\n                    \r\n                    <label for=\"\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\"\r\n                    id=\"102\">विवाद दो या दो से अधिक पक्षों के बीच असहमति या संघर्ष को संदर्भित करता है जो राय, हितों या व्याख्याओं में अंतर से उत्पन्न हो सकता है। विवाद विभिन्न संदर्भों में हो सकते हैं, जिनमें व्यक्तिगत संबंध, व्यावसायिक लेनदेन, कानूनी मामले और बहुत कुछ शामिल हैं। वे छोटी असहमतियों से लेकर बड़े विवादों तक हो सकते हैं जिनके लिए औपचारिक समाधान प्रक्रियाओं की आवश्यकता होती है। </label>\r\n\r\n                    <label for=\"\" class=\"mt-4\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"103\" ><b>विवाद और चार्जबैक: </b>&nbsp;विवाद,\r\n                        जिसे चार्जबैक के रूप में भी जाना जाता है, तब होता है जब कोई ग्राहक अपने\r\n                        क्रेडिट या डेबिट कार्ड विवरण पर दिखाई देने वाले शुल्क पर सवाल उठाता है या\r\n                        विवाद करता है। ऐसा कई कारणों से हो सकता है, जैसे आरोप को न पहचानना, धोखाधड़ी\r\n                        वाली गतिविधि का संदेह करना, या प्राप्त उत्पाद या सेवा से असंतुष्ट होना। जब\r\n                        कोई विवाद शुरू होता है, तो पे जी सहित भुगतान प्रोसेसर, मामले की जांच करने और\r\n                        इसमें शामिल दोनों पक्षों के लिए इसे निष्पक्ष रूप से हल करने के लिए बाध्य है।\r\n                    </label>\r\n\r\n                    <label for=\"\" class=\"mt-4\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id=\"104\"><b>धोखाधड़ी की रोकथाम:</b>&nbsp; ऑनलाइन\r\n                        भुगतान उद्योग में धोखाधड़ी एक गंभीर चिंता का विषय है। इसमें व्यक्तियों या\r\n                        समूहों द्वारा बुरे इरादों से किए गए अनधिकृत या धोखाधड़ी वाले लेनदेन शामिल\r\n                        हैं। ये लेनदेन ग्राहकों और व्यापारियों दोनों के लिए हानिकारक हो सकते हैं,\r\n                        जिससे वित्तीय नुकसान हो सकता है और भुगतान प्रक्रिया में ग्राहक का भरोसा टूट\r\n                        सकता है। धोखाधड़ी से निपटने के लिए, पे जी उन्नत धोखाधड़ी रोकथाम उपाय अपनाता\r\n                        है। इन उपायों में परिष्कृत एल्गोरिदम और प्रौद्योगिकियां शामिल हैं जो संभावित\r\n                        धोखाधड़ी गतिविधियों की पहचान करने के लिए लेनदेन पैटर्न, आईपी अड्रेस, डिवाइस\r\n                        जानकारी और बहुत कुछ का विश्लेषण करती हैं। यदि कोई लेनदेन लाल झंडे उठाता है,\r\n                        तो इसे आपके व्यवसाय और ग्राहक दोनों की सुरक्षा के लिए आगे की समीक्षा के लिए\r\n                        चिह्नित किया जा सकता है या यहां तक कि अवरुद्ध भी किया जा सकता है।\r\n\r\n\r\n                    </label>\r\n\r\n                    <label for=\"\" >विवाद और धोखाधड़ी की रोकथाम ऑनलाइन लेनदेन के अभिन्न\r\n                        पहलू हैं और उन्हें समझने से हमें आपके ग्राहकों के लिए एक सहज और सुरक्षित\r\n                        भुगतान अनुभव सुनिश्चित करने के लिए मिलकर काम करने में मदद मिल सकती है। यदि\r\n                        आपके पास इन मामलों के संबंध में कभी कोई प्रश्न या चिंता है, तो कृपया संपर्क\r\n                        करने में संकोच न करें। हम हर कदम पर आपका समर्थन करने के लिए यहां हैं।\r\n                    </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        विषयसूची:\r\n                    </h5>\r\n                </div>\r\n                <!-- <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#1\"> <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\"> &nbsp;</div>\r\n                        <div class=\"col-md-10\">\r\n                            <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                E-Agreement </span>\r\n                        </div>\r\n                    </div></a>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#102\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('5')\">\r\n                                    विवाद क्या हैं?  </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#103\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">विवाद और चार्जबैक\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3 \">\r\n                    <a href=\"#104\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">धोखाधड़ी की रोकथाम\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                \r\n                <a [routerLink]=\"['/refunds']\"><button class=\"btn btn-color\" (click)=\"menues('Refunds')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;रिफंड\r\n                </button></a>\r\n            </div>\r\n            <div class=\"col-md-4   \">\r\n            \r\n                <a [routerLink]=\"['/pay-profile']\"> <button class=\"btn btn-color\" (click)=\"menues('Pay Profile')\" >पे\r\n                    प्रोफाईल\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</div>","<app-disputes *ngIf=\"english\"></app-disputes>\r\n<app-disputes-hindi *ngIf=\"hindi\"></app-disputes-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-disputes-main',\r\n  templateUrl: './disputes-main.component.html',\r\n  styleUrls: ['./disputes-main.component.css']\r\n})\r\nexport class DisputesMainComponent {\r\nenglish:boolean=true;\r\nhindi:boolean=false;\r\n\r\nngOnInit(): void {\r\n  const storeVal = localStorage.getItem('selectedValue');\r\n  if (storeVal == 'english') {\r\n    this.english = true;\r\n    this.hindi = false;\r\n  }\r\n  if (storeVal == 'hindi') {\r\n\r\n    this.english = false;\r\n    this.hindi = true;\r\n  }\r\n\r\n}\r\n}\r\n\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-e-agreement',\r\n  templateUrl: './e-agreement.component.html',\r\n  styleUrls: ['./e-agreement.component.css']\r\n})\r\nexport class EAgreementComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>E-Sign Agreement </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='1' *ngIf=\"webFirst\">\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/RLUj\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n\r\n\r\n\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"2\">\r\n\r\n                    <label for=\"\" class=\"mt-3\">At PayG, the e-Agreement feature is\r\n                        designed to\r\n                        streamline\r\n                        and\r\n                        simplify your agreement processes. Gone are the days of dealing with\r\n                        cumbersome\r\n                        paper\r\n                        contracts and manual signatures. With E-Agreement, we bring you a digital\r\n                        solution\r\n                        that\r\n                        enhances efficiency, security, and convenience. </label>\r\n                    <label for=\"\" class=\"mt-3\">E-Agreement transforms the way you\r\n                        engage in\r\n                        agreements\r\n                        with\r\n                        our\r\n                        payment gateway services. Seamlessly integrated into our platform, this\r\n                        feature\r\n                        enables\r\n                        you to create, review, and finalize agreements electronically, all within a\r\n                        secure\r\n                        and\r\n                        user-friendly environment. </label>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"3\">\r\n                    <h2>\r\n                        Key Advantages of E-Agreement:\r\n                    </h2>\r\n\r\n                    <ul>\r\n                        <li class=\"mt-3\">\r\n                            <b> Effortless Workflow: </b>&nbsp;Say goodbye to paper-based workflows.\r\n                            E-Agreement\r\n                            allows you to initiate, negotiate, and finalize agreements entirely\r\n                            online,\r\n                            reducing\r\n                            delays and administrative hassles.\r\n                        </li>\r\n                        <li class=\"mt-3\">\r\n                            <b> Anywhere, Anytime Access: </b>&nbsp;Access your agreements from\r\n                            anywhere\r\n                            with an\r\n                            internet connection. No more waiting for physical copies or in-person\r\n                            meetings.\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">\r\n                            <b> Faster Processing: </b>&nbsp;Expedite the agreement process with\r\n                            automated\r\n                            notifications, reminders, and real-time updates on agreement status.\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">\r\n                            <b> Enhanced Security: </b>&nbsp;Your data's security is paramount.\r\n                            E-Agreement\r\n                            ensures secure document transmission, digital authentication, and\r\n                            encryption\r\n                            to\r\n                            safeguard sensitive information.\r\n\r\n\r\n                        </li>\r\n                    </ul>\r\n\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id=\"4\">\r\n                    <h2>\r\n                        How to sign your e-sign?\r\n                    </h2>\r\n                    <label for=\"\">The following steps outline the procedure for signing the e-sign.</label>\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>Step 1:&nbsp;</b> Log in to the Merchant Dashboard </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-1.svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>Step 2:&nbsp;</b> Go to Settings > Document Details. Select PEP Status & Product/Service Description before E-signing the agreement.  </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-2.svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    \r\n                    <label for=\"\" class=\"mt-4\">If the merchant is a Politically Exposed Person (PEP), they should click on ‘Yes, fill in all the necessary details, and then click on the ‘Save’ button.  </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-3.svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <!-- <label for=\"\" class=\"mt-4\">If the merchant is a Politically Exposed Person (PEP), they should click on ‘Yes, fill in all the necessary details, and then click on the ‘Save’ button.  </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-4.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div> -->\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>Step 3: &nbsp;</b> After filling in all the necessary details Merchant should click on the Save Button </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-4.svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>Step 4: &nbsp;</b> On the dashboard, when the agreement is ready with PayG, the merchant should click the 'Verify' button to sign the agreement.</label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-5.svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>Step 5: &nbsp;</b> Click on Go for E-sign button, to continue the E-sign process.</label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-6.svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>Step 6: &nbsp;</b> Now Merchant should copy the Aadhar Number linked with the mobile number as displayed on the screen and click on Click here to Sign button</label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-7.svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>Step 7: &nbsp;</b>The Digio window will open, click on Send code to Mobile Number for verification</label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-8.svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>Step 8: &nbsp;</b>Merchant will receive an OTP on the mobile phone, the Merchant should enter that OTP here.</label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-9.svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>Step 9: &nbsp;</b>After entering the OTP Merchant should click on the Submit button to continue the process</label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-10.svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>Step 10: &nbsp;</b>Click on the Sign Now button to Sign the Agreement.</label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-11.svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>Step 11: &nbsp;</b>Merchant should paste the copied Aadhar Number from the last window over here, Merchant will receive an OTP for Aadhar verification, enter that OTP and click on Submit Button.</label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-12.svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>Step 12: &nbsp;</b>: When the merchant clicks the 'Submit' button and their account is successfully signed with PayG, the merchant can close the Digio tab. The merchants can check the status of their E-sign process after signing the document.</label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-13.svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-14.svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n\r\n\r\n                    </div>  \r\n\r\n                    \r\n               \r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n                </div>\r\n                <!-- <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#1\"> <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\"> &nbsp;</div>\r\n                        <div class=\"col-md-10\">\r\n                            <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                E-Agreement </span>\r\n                        </div>\r\n                    </div></a>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\">\r\n                                    E-Agreement </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">Advantages\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3 \">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">How to sign your e-sign?\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2 mt-3 \">\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/ppt.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-8\">\r\n                            <a href=\"./assets/PPT/PayG E-Sign Agreement Process.pdf\"\r\n                                target=\"_blank\">\r\n                                <span style=\"cursor: pointer;\" class=\"pptHover\" [ngClass]=\"{'ppt':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    E-Sign Agreement </span>\r\n                            </a>\r\n                        </div>\r\n                        <div class=\"col-md-2\">\r\n                            <a href=\"./assets/PPT/PayG E-Sign Agreement Process.pdf\" download><img src=\"./assets/Downloadss.svg\"\r\n                                    alt=\"\" width=\"100%\"></a>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\" style=\"width:70%\">\r\n                <a [routerLink]=\"['/merchant-dashboard']\"> <button class=\"btn btn-color\" (click)=\"menues('merchant')\"> <img\r\n                            src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Merchant-Dashboard\r\n                    </button></a>\r\n\r\n            </div>\r\n            \r\n            <div class=\"col-md-4        \" style=\"width:30%\">\r\n                <a [routerLink]=\"['/web-integration']\"> <button class=\"btn btn-color\"\r\n                        (click)=\"menues('Web Integration')\">Web\r\n                        Integration\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-e-agreement-hindi',\r\n  templateUrl: './e-agreement-hindi.component.html',\r\n  styleUrls: ['./e-agreement-hindi.component.css']\r\n})\r\nexport class EAgreementHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>ई-समझौता  </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='1' *ngIf=\"webFirst\">\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/RLUj\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n\r\n\r\n\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"2\">\r\n\r\n                    <label for=\"\" class=\"mt-3\">पे जी में, ई-एग्रीमेंट सुविधा आपकी अनुबंध प्रक्रियाओं को सुव्यवस्थित और सरल बनाने के लिए डिज़ाइन की गई है। बोझिल कागजी अनुबंधों और मैन्युअल हस्ताक्षरों से निपटने के दिन गए। ई-समझौते के साथ, हम आपके लिए एक डिजिटल समाधान लाते हैं जो दक्षता, सुरक्षा और सुविधा को बढ़ाता है।  </label>\r\n                    <label for=\"\" class=\"mt-3\">ई-समझौता हमारी भुगतान गेटवे सेवाओं के साथ समझौते में शामिल होने के आपके तरीके को बदल देता है। हमारे प्लेटफ़ॉर्म में निर्बाध रूप से एकीकृत, यह सुविधा आपको एक सुरक्षित और उपयोगकर्ता-अनुकूल वातावरण में इलेक्ट्रॉनिक रूप से अनुबंध बनाने, समीक्षा करने और अंतिम रूप देने में सक्षम बनाती है। </label>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"3\">\r\n                    <h2>\r\n                        ई-समझौते के मुख्य लाभ: \r\n                    </h2>\r\n\r\n                    <ul>\r\n                        <li class=\"mt-3\">\r\n                            <b> सहज वर्कफ़्लो:  </b>&nbsp;कागज-आधारित वर्कफ़्लो को अलविदा कहें। ई-समझौता आपको देरी और प्रशासनिक परेशानियों को कम करते हुए, पूरी तरह से ऑनलाइन समझौतों को शुरू करने, बातचीत करने और अंतिम रूप देने की अनुमति देता है। \r\n                        </li>\r\n                        <li class=\"mt-3\">\r\n                            <b>कहीं भी, कभी भी पहुंच: </b>&nbsp; इंटरनेट कनेक्शन के साथ कहीं से भी अपने अनुबंधों तक पहुंचें। भौतिक प्रतियों या व्यक्तिगत बैठकों के लिए अब और इंतजार नहीं करना पड़ेगा। \r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">\r\n                            <b> तेज़ प्रसंस्करण:</b>&nbsp; स्वचालित सूचनाओं, अनुस्मारक और अनुबंध की स्थिति पर वास्तविक समय अपडेट के साथ अनुबंध प्रक्रिया में तेजी लाएं। \r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">\r\n                            <b> उन्नत सुरक्षा: </b>&nbsp; आपके डेटा की सुरक्षा सर्वोपरि है। ई-समझौता संवेदनशील जानकारी की सुरक्षा के लिए सुरक्षित दस्तावेज़ प्रसारण, डिजिटल प्रमाणीकरण और एन्क्रिप्शन सुनिश्चित करता है। \r\n\r\n\r\n                        </li>\r\n                    </ul>\r\n\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id=\"4\">\r\n                    <h2>\r\n                        अपना ई-साइन कैसे करें? \r\n                    </h2>\r\n                    <label for=\"\">निम्नलिखित चरण ई-साइन पर हस्ताक्षर करने की प्रक्रिया की रूपरेखा तैयार करते हैं। </label>\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>चरण 1:&nbsp;</b> मर्चेंट डैशबोर्ड में लॉग इन करें \r\n\r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/login.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>चरण 2:&nbsp;</b>सेटिंग दस्तावेज़ विवरण पर जाएँ। समझौते पर ई-हस्ताक्षर करने से पहले पीईपी स्थिति और उत्पाद/सेवा विवरण का चयन करें।  </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-2.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    \r\n                    <label for=\"\" class=\"mt-4\">यदि व्यापारी एक राजनीतिक रूप से उजागर व्यक्ति (पीईपी) है, तो उन्हें 'हां' पर क्लिक करना चाहिए, सभी आवश्यक विवरण भरें और फिर 'सहेजें' बटन पर क्लिक करें।   </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-3.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\">यदि व्यापारी एक राजनीतिक रूप से उजागर व्यक्ति (पीईपी) है, तो उन्हें 'हां' पर क्लिक करना चाहिए, सभी आवश्यक विवरण भरें और फिर 'सहेजें' बटन पर क्लिक करें।    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-4.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>चरण 3: &nbsp;</b> सभी आवश्यक विवरण भरने के बाद व्यापारी को सेव बटन पर क्लिक करना चाहिए </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-5.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>चरण 4: &nbsp;</b> डैशबोर्ड पर, जब पे जी के साथ समझौता तैयार हो जाए, तो व्यापारी को समझौते पर हस्ताक्षर करने के लिए 'सत्यापित करें' बटन पर क्लिक करना चाहिए। </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-6.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>चरण 5: &nbsp;</b> ई-साइन प्रक्रिया जारी रखने के लिए गो फॉर ई-साइन बटन पर क्लिक करें। </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-7.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>चरण 6: &nbsp;</b> अब व्यापारी को स्क्रीन पर प्रदर्शित मोबाइल नंबर से जुड़े आधार नंबर को कॉपी करना चाहिए और क्लिक हियर टू साइन बटन पर क्लिक करना चाहिए। </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-8.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>चरण 7: &nbsp;</b>डिजीओ विंडो खुलेगी, सत्यापन के लिए मोबाइल नंबर पर कोड भेजें पर क्लिक करें।  </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-9.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>चरण 8: &nbsp;</b>व्यापारी को मोबाइल फोन पर एक ओटीपी प्राप्त होगा, व्यापारी को उस ओटीपी को यहां दर्ज करना होगा। </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-10.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>चरण 9: &nbsp;</b>ओटीपी दर्ज करने के बाद प्रक्रिया जारी रखने के लिए व्यापारी को सबमिट बटन पर क्लिक करना चाहिए। </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-11.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>चरण 10: &nbsp;</b>समझौते पर हस्ताक्षर करने के लिए साइन नाउ बटन पर क्लिक करें। </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-12.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>चरण 11: &nbsp;</b>व्यापारी को आखिरी विंडो से कॉपी किया हुआ आधार नंबर यहां पेस्ट करना चाहिए, व्यापारी को आधार सत्यापन के लिए एक ओटीपी प्राप्त होगा, उस ओटीपी को दर्ज करें और सबमिट बटन पर क्लिक करें। \r\n\r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-13.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\"> <b>चरण 12: &nbsp;</b>जब व्यापारी 'सबमिट' बटन पर क्लिक करता है और उसका खाता पे जी के साथ सफलतापूर्वक हस्ताक्षरित हो जाता है, तो व्यापारी डिजीओ टैब को बंद कर सकता है। दस्तावेज़ पर हस्ताक्षर करने के बाद व्यापारी अपनी ई-साइन प्रक्रिया की स्थिति की जांच कर सकते हैं। </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-14.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/e-15.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n\r\n\r\n                    </div>  \r\n\r\n                    \r\n               \r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        विषयसूची:\r\n                    </h5>\r\n                </div>\r\n                <!-- <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#1\"> <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\"> &nbsp;</div>\r\n                        <div class=\"col-md-10\">\r\n                            <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                E-Agreement </span>\r\n                        </div>\r\n                    </div></a>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'color':colors=='2'}\"\r\n                                    (click)=\"color('2')\">\r\n                                    ई-समझौता </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">लाभ  \r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3 \">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">अपना ई-साइन कैसे करें?\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/ppt.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-8\">\r\n                            <a href=\"./assets/PPT/Hindi E-Agreement Process.pdf\"\r\n                                target=\"_blank\">\r\n                                <span style=\"cursor: pointer;\" class=\"pptHover\" [ngClass]=\"{'ppt':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    ई-साइन अनुबंध </span>\r\n                            </a>\r\n                        </div>\r\n                        <div class=\"col-md-2\">\r\n                            <a href=\"./assets/PPT/Hindi E-Agreement Process.pdf\" download><img src=\"./assets/Downloadss.svg\"\r\n                                    alt=\"\" width=\"100%\"></a>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\" style=\"width:70%\">\r\n                <a [routerLink]=\"['/pay-g']\"> <button class=\"btn btn-color\" (click)=\"menues('PayG')\"> <img\r\n                            src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;पे जी \r\n                    </button></a>\r\n\r\n            </div>\r\n            <div class=\"col-md-4        \" style=\"width:30%\">\r\n                <a [routerLink]=\"['/web-integration']\"> <button class=\"btn btn-color\"\r\n                        (click)=\"menues('Web Integration')\">वेब एकीकरण\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</div>","<app-e-agreement *ngIf=\"english\"></app-e-agreement>\r\n<app-e-agreement-hindi *ngIf=\"hindi\"></app-e-agreement-hindi>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-agreement',\r\n  templateUrl: './agreement.component.html',\r\n  styleUrls: ['./agreement.component.css']\r\n})\r\nexport class AgreementComponent {\r\nenglish:boolean=true;\r\nhindi:boolean=false;\r\nngOnInit(): void {\r\n  const storeVal = localStorage.getItem('selectedValue');\r\n  if (storeVal == 'english') {\r\n    this.english = true;\r\n    this.hindi = false;\r\n  }\r\n  if (storeVal == 'hindi') {\r\n\r\n    this.english = false;\r\n    this.hindi = true;\r\n  }\r\n\r\n}\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-g-store',\r\n  templateUrl: './g-store.component.html',\r\n  styleUrls: ['./g-store.component.css']\r\n})\r\nexport class GStoreComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>G-Store </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>\r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n            (mouseout)=\"showpayment(false,'1')\" id='41'>\r\n            <div\r\n                style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                <iframe\r\n                    class=\"i-frame\"\r\n                    src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                    frameborder=\"0\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                    allowfullscreen></iframe>\r\n            </div>\r\n        </div> -->\r\n                <div class=\"col-md-12 mt-2\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"42\">\r\n\r\n                    <label for=\"\" class=\"mt-2\">A G-store, also known as an\r\n                        e-commerce store or\r\n                        online\r\n                        shop,\r\n                        is a\r\n                        digital platform where businesses or merchants sell products or services\r\n                        over\r\n                        the\r\n                        Internet. It allows customers to browse, select, and purchase items or\r\n                        services\r\n                        using a\r\n                        PayG mobile app, rather than visiting a physical brick-and-mortar store.\r\n                        We're\r\n                        excited\r\n                        to share an exceptional opportunity that's designed to elevate your business\r\n                        and\r\n                        boost\r\n                        your online presence. By creating your profile on our PayG mobile app, you\r\n                        unlock a\r\n                        world of exclusive benefits and features tailored to enhance your online\r\n                        shopping\r\n                        store\r\n                        experience. We have a product library with over 1.5 crore offerings.\r\n                    </label>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"43\">\r\n                    <h2>Here are some features of our G-store listed below: </h2>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>Business Card:</b>&nbsp; Think of\r\n                        your business\r\n                        card\r\n                        as\r\n                        your\r\n                        digital identity. Once you create your profile, you'll have a customizable\r\n                        business\r\n                        card\r\n                        that showcases your brand, logo, and essential business details. It's a\r\n                        powerful\r\n                        way\r\n                        to\r\n                        make a lasting impression and let customers know who you are. </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>Stamps:</b>&nbsp; Verified\r\n                        products deserve\r\n                        recognition,\r\n                        and\r\n                        that's where our stamps come in. With these stamps, you can mark your\r\n                        products\r\n                        as\r\n                        verified and trustworthy. It's a signal to your customers that they're\r\n                        getting\r\n                        quality\r\n                        items from a reliable source.</label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>Coupons:</b>&nbsp; Who doesn't\r\n                        love a good deal?\r\n                        With\r\n                        our\r\n                        coupon feature, you have the ability to offer discounts to your customers.\r\n                        This\r\n                        not\r\n                        only\r\n                        encourages more purchases but also builds customer loyalty. Create enticing\r\n                        offers\r\n                        and\r\n                        watch your sales grow. </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>Profile QR Code:</b>&nbsp;Simplify\r\n                        the shopping\r\n                        experience\r\n                        for\r\n                        your customers. Each merchant profile comes with a unique QR code. When\r\n                        customers\r\n                        scan\r\n                        this code, they're taken directly to your profile, where they can explore\r\n                        your\r\n                        products\r\n                        and make purchases effortlessly. It's like having your store at their\r\n                        fingertips.\r\n\r\n                    </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>Payment QR Code:</b>&nbsp; Making\r\n                        payments\r\n                        smoother\r\n                        than\r\n                        ever.\r\n                        Generate a payment QR code that your customers can scan to complete their\r\n                        transactions\r\n                        securely and swiftly. This feature streamlines the checkout process,\r\n                        ensuring a\r\n                        seamless\r\n                        buying experience. </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>24/7 Customer Support:</b>&nbsp;\r\n                        Have questions or\r\n                        need\r\n                        assistance? Our dedicated customer support team is available around the\r\n                        clock to\r\n                        provide\r\n                        timely solutions and ensure a smooth shopping experience. </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"> The \"Item\" section offers three\r\n                        options for adding\r\n                        items\r\n                        to\r\n                        a\r\n                        cart: \"Add products from the G-store library,\" \"Scan any product and add to\r\n                        your\r\n                        cart,\"\r\n                        and \"Add the items manually.\" The merchants are allowed to choose whichever\r\n                        method\r\n                        they\r\n                        choose. The merchants can also generate their own Profile QR and Store QR\r\n                        codes.\r\n                        Also\r\n                        features like business cards and stamps are available on the G-store.\r\n\r\n                    </label>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id=\"44\">\r\n                    <h2>\r\n                        Benefits of using PayG's G-Store\r\n                    </h2>\r\n                    <h5 class=\"mt-3\">Convenience for Customers </h5>\r\n                    <label for=\"\" class=\"mt-1\">G-store provides your customers with\r\n                        the convenience\r\n                        of\r\n                        shopping\r\n                        from anywhere at any time, eliminating the need to visit your physical\r\n                        store.\r\n                        This\r\n                        accessibility is especially advantageous for individuals with busy\r\n                        schedules.\r\n                    </label>\r\n\r\n                    <h5 class=\"mt-3\">Time flexibility </h5>\r\n                    <label for=\"\" class=\"mt-1\">You have the flexibility to set the\r\n                        operating hours\r\n                        of\r\n                        your\r\n                        G-Store according to your preferred schedule. This means you can customize\r\n                        the\r\n                        time\r\n                        during which your online store is accessible to customers. Whether you want\r\n                        to\r\n                        align\r\n                        it\r\n                        with specific time zones, cater to a particular target audience, or simply\r\n                        match\r\n                        your\r\n                        own availability, the ability to set the time schedule provides you with a\r\n                        convenient\r\n                        way to manage and optimize the operational hours of your G-Store to meet\r\n                        your\r\n                        business\r\n                        needs and customer expectations. </label>\r\n\r\n                    <h5 class=\"mt-3\">Cost-Effective </h5>\r\n                    <label for=\"\" class=\"mt-1\">\r\n\r\n                        Operating an online G-Store often involves lower overhead costs compared to\r\n                        maintaining\r\n                        a physical storefront. G-store can save on expenses related to rent,\r\n                        utilities,\r\n                        and\r\n                        in-store staff. </label>\r\n\r\n                    <h5 class=\"mt-3\">Diverse Product Range </h5>\r\n                    <label for=\"\" class=\"mt-1\">G-store provides the opportunity for\r\n                        businesses to\r\n                        showcase a\r\n                        diverse range of products without the constraints of physical space. This\r\n                        variety\r\n                        attracts a wider range of customers with different preferences and needs.\r\n                    </label>\r\n\r\n                    <h5 class=\"mt-3\">Ease of Search and Navigation </h5>\r\n                    <label for=\"\" class=\"mt-1\">G-store platforms typically offer\r\n                        search and filter\r\n                        features,\r\n                        making it easy for your customers to find specific products. This enhances\r\n                        the\r\n                        overall\r\n                        shopping experience. </label>\r\n\r\n                    <h5 class=\"mt-3\">Customer Reviews and Ratings </h5>\r\n                    <label for=\"\" class=\"mt-1\">G-store allows customers to leave\r\n                        reviews and ratings\r\n                        for\r\n                        products, which can influence the purchasing decisions of other shoppers.\r\n                        This\r\n                        transparency helps build credibility for the online store. </label>\r\n\r\n                    <h5 class=\"mt-3\">Efficient Inventory Management </h5>\r\n                    <label for=\"\" class=\"mt-1\">G-store can implement advanced\r\n                        inventory management\r\n                        systems,\r\n                        ensuring that product availability is accurately reflected on the platform.\r\n                        This\r\n                        reduces\r\n                        the likelihood of overselling or disappointing customers. </label>\r\n\r\n                    <h5 class=\"mt-3\">Data Analytics for Business Insights </h5>\r\n                    <label for=\"\" class=\"mt-1\">G-store can utilize data analytics\r\n                        tools to gather\r\n                        insights\r\n                        into\r\n                        customer behavior, preferences, and purchasing patterns. This data can be\r\n                        invaluable\r\n                        for\r\n                        making informed business decisions and optimizing the online shopping\r\n                        experience.\r\n                    </label>\r\n\r\n                    <h5 class=\"mt-3\">Marketing Opportunities </h5>\r\n                    <label for=\"\" class=\"mt-1\">G-store can easily implement various\r\n                        online marketing\r\n                        strategies,\r\n                        including social media campaigns, email marketing, and search engine\r\n                        optimization,\r\n                        to\r\n                        attract and retain customers. </label>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\"\r\n                    id=\"45\">\r\n                    <h2>How to Get Started: </h2>\r\n                    <label for=\"\" class=\"mt-1\">\r\n                        Getting access to these incredible features is simple:\r\n\r\n                    </label>\r\n\r\n                    <h5 class=\"mt-4\">Step 1: Sign in on PayG app</h5>\r\n                    <label for=\"\">\r\n                        Sign into your merchant account by entering your credentials. If you are a\r\n                        new user, sign up for a new account and log in with your credentials. You\r\n                        can download our PayG mobile app from your device's app store.\r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/g-store1.png\" width=\"50%\" height=\"95%\" alt=\"\">\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <h5 class=\"mt-4\">Step 2: Create Your Profile </h5>\r\n                    <label for=\"\">\r\n                        Sign up or log in to your account within the app. Fill in your business\r\n                        details,\r\n                        upload\r\n                        your logo, and customize your profile. In the first step, fill in your\r\n                        business details. In the second step, update your business type, and then\r\n                        select a category in the third step. </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-2\">\r\n                            <img src=\"./assets/g-store2.png\" width=\"50%\" height=\"95%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-2\">\r\n                            <img src=\"./assets/g-store3.png\" width=\"50%\" height=\"95%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-2\">\r\n                            <img src=\"./assets/g-store4.png\" width=\"50%\" height=\"95%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-2\">\r\n                            <img src=\"./assets/g-store5.png\" width=\"50%\" height=\"95%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-2\">\r\n                            <img src=\"./assets/g-store6.png\" width=\"50%\" height=\"95%\" alt=\"\">\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <h5 class=\"mt-4\">Step 3: Add inventory</h5>\r\n                    <label for=\"\">You can seamlessly integrate inventory using our\r\n                        G-store library,\r\n                        comprising 1.5 crore products. Alternatively, you may choose to scan the\r\n                        barcode of your items to add them to your store. The third option involves\r\n                        manually adding your products. </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/g-store7.png\" width=\"50%\" height=\"95%\" alt=\"\">\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <h5 class=\"mt-4\">Step 4: Explore and activate </h5>\r\n                    <label for=\"\">\r\n\r\n                        Once your profile is set up, navigate to the 'G-Store' section. There,\r\n                        you'll find options to activate your business card, stamps, coupons, profile\r\n                        QR code, and payment QR code.\r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/g-store8.png\" width=\"50%\" height=\"95%\" alt=\"\">\r\n                        </div>\r\n\r\n                    </div>\r\n                    <h5 class=\"mt-4\">Step 5: Start Enjoying Benefits </h5>\r\n                    <label for=\"\">\r\n\r\n                        With everything activated, you're ready to reap the rewards. Your online\r\n                        shopping store will become more engaging, customer-friendly, and dynamic\r\n                        than ever before.\r\n                    </label>\r\n                    <label for=\"\" class=\"col-md-12 mt-4\">\r\n\r\n                        In this digital age, standing out and offering convenience to your customers\r\n                        is paramount. By creating your profile on PayG app, you're taking a\r\n                        significant step towards achieving these goals.\r\n                    </label>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2  \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n                </div>\r\n                <!-- <div class=\"col-md-12 mt-2\">\r\n           <a href=\"#41\">  <div class=\"row\">\r\n                <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                        alt=\"\"> &nbsp;</div>\r\n                <div class=\"col-md-10\">\r\n                    <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                        [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                        Introduction to G-Store </span>\r\n                </div>\r\n            </div></a>\r\n        </div> -->\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#42\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\">\r\n                                    Introduction to G-Store </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-0\">\r\n                    <a href=\"#43\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\"> Features\r\n                                    of G-store </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-0\">\r\n                    <a href=\"#44\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    Benefits of G-store </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-0\">\r\n                    <a href=\"#45\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('5')\">How to get\r\n                                    started? </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n\r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/create-link']\">   <button class=\"btn btn-color\" (click)=\"menues('Create Payment')\" >\r\n                    <img src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Create Payment\r\n                </button></a>\r\n                \r\n            </div>\r\n            <div class=\"col-md-4   \">\r\n                <a [routerLink]=\"['/pay-button']\"> <button class=\"btn btn-color\" (click)=\"menues('Pay Button')\" >Pay\r\n                    Button\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n               \r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-g-store-hindi',\r\n  templateUrl: './g-store-hindi.component.html',\r\n  styleUrls: ['./g-store-hindi.component.css']\r\n})\r\nexport class GStoreHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n<div class=\"card crd p-3\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-10 col10 mt-2\">\r\n            <h2 >जी-स्टोर </h2>\r\n        </div>\r\n        <div class=\"col-md-2 col2 \"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n            alt=\"\"> </button> </a></div>\r\n        <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n            (mouseout)=\"showpayment(false,'1')\" id='41'>\r\n            <div\r\n                style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                <iframe\r\n                    class=\"i-frame\"\r\n                    src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                    frameborder=\"0\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                    allowfullscreen></iframe>\r\n            </div>\r\n        </div> -->\r\n        <div class=\"col-md-12 mt-2\" (mouseover)=\"showpayment(true,'2')\"\r\n            (mouseout)=\"showpayment(false,'2')\" id=\"42\">\r\n\r\n            \r\n            <label for=\"\" class=\"mt-2\" >जी-स्टोर, जिसे ई-कॉमर्स स्टोर या ऑनलाइन\r\n                दुकान के रूप में भी जाना जाता है, एक डिजिटल प्लेटफ़ॉर्म है जहां व्यवसाय या\r\n                व्यापारी इंटरनेट पर उत्पाद या सेवाएं बेचते हैं। यह ग्राहकों को भौतिक स्टोर\r\n                पर जाने के बजाय पे जी मोबाइल ऐप का उपयोग करके वस्तुओं या सेवाओं को ब्राउज़\r\n                करने, चयन करने और खरीदने की अनुमति देता है। हम एक असाधारण अवसर साझा करने के\r\n                लिए उत्साहित हैं जो आपके व्यवसाय को ऊपर उठाने और आपकी ऑनलाइन उपस्थिति को\r\n                बढ़ावा देने के लिए डिज़ाइन किया गया है। हमारे पे जी मोबाइल ऐप पर अपनी\r\n                प्रोफ़ाइल बनाकर, आप अपने ऑनलाइन शॉपिंग स्टोर अनुभव को बढ़ाने के लिए तैयार\r\n                किए गए विशेष लाभों और सुविधाओं की दुनिया को अनलॉक करते हैं। हमारे पास 1.5\r\n                करोड़ से अधिक पेशकशों वाली एक उत्पाद लाइब्रेरी है।\r\n            </label>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'3')\"\r\n            (mouseout)=\"showpayment(false,'3')\" id=\"43\">\r\n\r\n            <h2 >हमारे जी-स्टोर की कुछ विशेषताएं नीचे सूचीबद्ध हैं: </h2>\r\n\r\n            <label for=\"\" class=\"mt-3\" ><b>बिज़नेस कार्ड: </b>&nbsp; अपने\r\n                बिज़नेस कार्ड को अपनी डिजिटल पहचान समझें। एक बार जब आप अपनी प्रोफ़ाइल बना\r\n                लेते हैं, तो आपके पास एक अनुकूलन योग्य व्यवसाय कार्ड होगा जो आपके ब्रांड,\r\n                लोगो और आवश्यक व्यावसायिक विवरण प्रदर्शित करता है। यह स्थायी प्रभाव डालने और\r\n                ग्राहकों को यह बताने का एक सशक्त तरीका है कि आप कौन हैं। </label>\r\n\r\n            <label for=\"\" class=\"mt-3\" ><b>टिकट:</b>&nbsp; सत्यापित उत्पाद\r\n                मान्यता के पात्र हैं, और यहीं हमारे टिकट आते हैं। इन टिकटों के साथ, आप अपने\r\n                उत्पादों को सत्यापित और भरोसेमंद के रूप में चिह्नित कर सकते हैं। यह आपके\r\n                ग्राहकों के लिए एक संकेत है कि उन्हें किसी विश्वसनीय स्रोत से गुणवत्तापूर्ण\r\n                वस्तुएँ मिल रही हैं। </label>\r\n\r\n            <label for=\"\" class=\"mt-3\" ><b>कूपन: </b>&nbsp; अच्छा सौदा किसे\r\n                पसंद नहीं आता? हमारी कूपन सुविधा के साथ, आप अपने ग्राहकों को छूट प्रदान करने\r\n                में सक्षम हैं। यह न केवल अधिक खरीदारी को प्रोत्साहित करता है बल्कि ग्राहक\r\n                निष्ठा भी बनाता है। आकर्षक ऑफर बनाएं और अपनी बिक्री बढ़ते हुए देखें।\r\n            </label>\r\n\r\n            <label for=\"\" class=\"mt-3\" ><b>प्रोफ़ाइल क्यूआर कोड:</b>&nbsp;अपने\r\n                ग्राहकों के लिए खरीदारी के अनुभव को सरल बनाएं। प्रत्येक व्यापारी प्रोफ़ाइल\r\n                एक अद्वितीय QR कोड के साथ आती है। जब ग्राहक इस कोड को स्कैन करते हैं, तो वे\r\n                सीधे आपकी प्रोफ़ाइल पर पहुंच जाते हैं, जहां वे आपके उत्पादों का पता लगा सकते\r\n                हैं और आसानी से खरीदारी कर सकते हैं। यह आपके स्टोर को उनकी उंगलियों पर रखने\r\n                जैसा है।\r\n\r\n            </label>\r\n\r\n            <label for=\"\" class=\"mt-3\" ><b>भुगतान क्यूआर कोड:</b>&nbsp; भुगतान\r\n                को पहले से कहीं अधिक आसान बनाना। एक भुगतान क्यूआर कोड बनाएं जिसे आपके ग्राहक\r\n                अपने लेनदेन को सुरक्षित और तेजी से पूरा करने के लिए स्कैन कर सकें। यह सुविधा\r\n                चेकआउट प्रक्रिया को सुव्यवस्थित करती है, जिससे खरीदारी का सहज अनुभव\r\n                सुनिश्चित होता है।\r\n\r\n            </label>\r\n\r\n            <label for=\"\" class=\"mt-3\" ><b>24/7 ग्राहक सहायता:</b>&nbsp; क्या\r\n                आपके कोई प्रश्न हैं या सहायता की आवश्यकता है? हमारी समर्पित ग्राहक सहायता\r\n                टीम समय पर समाधान प्रदान करने और एक सहज खरीदारी अनुभव सुनिश्चित करने के लिए\r\n                चौबीसों घंटे उपलब्ध है।\r\n\r\n            </label>\r\n\r\n            <label for=\"\" class=\"mt-3\" > \"आइटम\" अनुभाग कार्ट में आइटम जोड़ने के\r\n                लिए तीन विकल्प प्रदान करता है: \"जी-स्टोर लाइब्रेरी से उत्पाद जोड़ें,\" \"किसी\r\n                भी उत्पाद को स्कैन करें और अपने कार्ट में जोड़ें,\" और \"आइटम मैन्युअल रूप से\r\n                जोड़ें।\" व्यापारियों को अपनी पसंद का कोई भी तरीका चुनने की अनुमति है।\r\n                व्यापारी अपनी प्रोफ़ाइल क्यूआर और स्टोर क्यूआर कोड भी जेनरेट कर सकते हैं।\r\n                जी-स्टोर में बिजनेस कार्ड और स्टैम्प जैसी सुविधाएँ भी उपलब्ध हैं।\r\n\r\n            </label>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\"\r\n            (mouseout)=\"showpayment(false,'4')\" id=\"44\">\r\n           \r\n            <h2 >\r\n                पे जी के G-Store का उपयोग करने के लाभ:\r\n            </h2>\r\n            <h5 class=\"mt-3\" >ग्राहकों के लिए सुविधा </h5>\r\n            <label for=\"\" class=\"mt-1\" >जी-स्टोर आपके ग्राहकों को किसी भी समय\r\n                कहीं से भी खरीदारी की सुविधा प्रदान करता है, जिससे आपके भौतिक स्टोर पर जाने\r\n                की आवश्यकता समाप्त हो जाती है। यह पहुंच व्यस्त कार्यक्रम वाले व्यक्तियों के\r\n                लिए विशेष रूप से फायदेमंद है।\r\n            </label>\r\n\r\n            <h5 class=\"mt-3\" >समय का लचीलापन </h5>\r\n            <label for=\"\" class=\"mt-1\" >आपके पास अपने पसंदीदा शेड्यूल के अनुसार\r\n                अपने जी-स्टोर के संचालन घंटे निर्धारित करने की सुविधा है। इसका मतलब है कि आप\r\n                उस समय को अनुकूलित कर सकते हैं जिसके दौरान आपका ऑनलाइन स्टोर ग्राहकों के लिए\r\n                पहुंच योग्य है। चाहे आप इसे विशिष्ट समय क्षेत्रों के साथ संरेखित करना चाहते\r\n                हों, किसी विशेष लक्षित दर्शकों को पूरा करना चाहते हों, या बस अपनी उपलब्धता\r\n                से मेल खाना चाहते हों, समय अनुसूची निर्धारित करने की क्षमता आपको अपने\r\n                जी-स्टोर के परिचालन घंटों को प्रबंधित और अनुकूलित करने का एक सुविधाजनक तरीका\r\n                प्रदान करती है। आपकी व्यावसायिक आवश्यकताओं और ग्राहकों की अपेक्षाओं को पूरा\r\n                करने के लिए।\r\n\r\n            </label>\r\n\r\n            <h5 class=\"mt-3\" >प्रभावी लागत </h5>\r\n            <label for=\"\" class=\"mt-1\" >\r\n\r\n                ऑनलाइन जी-स्टोर के संचालन में अक्सर भौतिक स्टोरफ्रंट को बनाए रखने की तुलना\r\n                में कम ओवरहेड लागत शामिल होती है। जी-स्टोर किराए, उपयोगिताओं और इन-स्टोर\r\n                कर्मचारियों से संबंधित खर्चों पर बचत कर सकता है।\r\n\r\n            </label>\r\n\r\n            <h5 class=\"mt-3\" >विविध उत्पाद रेंज </h5>\r\n            <label for=\"\" class=\"mt-1\" >जी-स्टोर व्यवसायों को भौतिक स्थान की\r\n                बाधाओं के बिना उत्पादों की विविध श्रृंखला प्रदर्शित करने का अवसर प्रदान करता\r\n                है। यह विविधता विभिन्न प्राथमिकताओं और आवश्यकताओं वाले ग्राहकों की एक\r\n                विस्तृत श्रृंखला को आकर्षित करती है।\r\n            </label>\r\n\r\n            <h5 class=\"mt-3\" >खोज और नेविगेशन में आसानी </h5>\r\n            <label for=\"\" class=\"mt-1\" >जी-स्टोर प्लेटफ़ॉर्म आम तौर पर खोज और\r\n                फ़िल्टर सुविधाएँ प्रदान करते हैं, जिससे आपके ग्राहकों के लिए विशिष्ट उत्पाद\r\n                ढूंढना आसान हो जाता है। यह समग्र खरीदारी अनुभव को बढ़ाता है। </label>\r\n\r\n            <h5 class=\"mt-3\" >ग्राहक समीक्षाएं और रेटिंग </h5>\r\n            <label for=\"\" class=\"mt-1\" >जी-स्टोर ग्राहकों को उत्पादों के लिए\r\n                समीक्षा और रेटिंग छोड़ने की अनुमति देता है, जो अन्य खरीदारों के खरीदारी\r\n                निर्णयों को प्रभावित कर सकता है। यह पारदर्शिता ऑनलाइन स्टोर के लिए\r\n                विश्वसनीयता बनाने में मदद करती है। </label>\r\n\r\n            <h5 class=\"mt-3\" >कुशल इन्वेंटरी प्रबंधन </h5>\r\n            <label for=\"\" class=\"mt-1\" >जी-स्टोर उन्नत इन्वेंट्री प्रबंधन\r\n                प्रणालियों को लागू कर सकता है, यह सुनिश्चित करते हुए कि उत्पाद की उपलब्धता\r\n                प्लेटफ़ॉर्म पर सटीक रूप से दिखाई देती है। इससे ग्राहकों के अधिक बिकने या\r\n                निराश होने की संभावना कम हो जाती है। </label>\r\n\r\n            <h5 class=\"mt-3\" >बिजनेस इनसाइट्स के लिए डेटा एनालिटिक्स </h5>\r\n            <label for=\"\" class=\"mt-1\" >जी-स्टोर ग्राहक व्यवहार, प्राथमिकताओं\r\n                और खरीदारी पैटर्न में अंतर्दृष्टि इकट्ठा करने के लिए डेटा एनालिटिक्स टूल का\r\n                उपयोग कर सकता है। यह डेटा सूचित व्यावसायिक निर्णय लेने और ऑनलाइन शॉपिंग\r\n                अनुभव को अनुकूलित करने के लिए अमूल्य हो सकता है।\r\n            </label>\r\n\r\n            <h5 class=\"mt-3\" >विपणन के अवसर </h5>\r\n            <label for=\"\" class=\"mt-1\" >जी-स्टोर ग्राहकों को आकर्षित करने और\r\n                बनाए रखने के लिए सोशल मीडिया अभियान, ईमेल मार्केटिंग और खोज इंजन अनुकूलन\r\n                सहित विभिन्न ऑनलाइन मार्केटिंग रणनीतियों को आसानी से लागू कर सकता है।\r\n            </label>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'5')\"\r\n            (mouseout)=\"showpayment(false,'5')\" id=\"45\">\r\n           \r\n            <h2 >शुरुआत कैसे करें: </h2>\r\n            <label for=\"\" class=\"mt-1\" >\r\n                इन अविश्वसनीय सुविधाओं तक पहुँच प्राप्त करना सरल है:\r\n\r\n            </label>\r\n\r\n            <h5 class=\"mt-4\" >चरण 1: पे जी ऐप पर साइन इन करें</h5>\r\n            <label for=\"\" >\r\n\r\n                अपने क्रेडेंशियल्स दर्ज करके अपने व्यापारी खाते में साइन इन करें। यदि आप एक\r\n                नए उपयोगकर्ता हैं, तो एक नए खाते के लिए साइन अप करें और अपने क्रेडेंशियल्स\r\n                के साथ लॉग इन करें। आप अपने डिवाइस के ऐप स्टोर से हमारे पे जी मोबाइल ऐप\r\n                डाउनलोड कर सकते हैं।\r\n            </label>\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12 mt-4\">\r\n                    <img src=\"./assets/g-store1.png\" width=\"50%\" height=\"95%\" alt=\"\">\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <h5 class=\"mt-4\" >चरण 2: अपनी प्रोफ़ाइल बनाएं </h5>\r\n            <label for=\"\" >\r\n                ऐप के भीतर अपने खाते में साइन अप करें या लॉग इन करें। अपना व्यवसाय विवरण\r\n                भरें, अपना लोगो अपलोड करें और अपनी प्रोफ़ाइल कस्टमाइज़ करें। </label>\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <img src=\"./assets/g-store2.png\" width=\"50%\" height=\"95%\" alt=\"\">\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <img src=\"./assets/g-store3.png\" width=\"50%\" height=\"95%\" alt=\"\">\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <img src=\"./assets/g-store4.png\" width=\"50%\" height=\"95%\" alt=\"\">\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <img src=\"./assets/g-store5.png\" width=\"50%\" height=\"95%\" alt=\"\">\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <img src=\"./assets/g-store6.png\" width=\"50%\" height=\"95%\" alt=\"\">\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <h5 class=\"mt-4\" >चरण 3: इन्वेंट्री जोड़ें </h5>\r\n            <label for=\"\" >आप हमारी जी-स्टोर लाइब्रेरी का उपयोग करके इन्वेंट्री\r\n                को सहजता से एकीकृत कर सकते हैं, जिसमें 1.5 करोड़ उत्पाद शामिल हैं। वैकल्पिक\r\n                रूप से, आप अपने आइटमों को अपने स्टोर में जोड़ने के लिए उनके बारकोड को स्कैन\r\n                करना चुन सकते हैं। तीसरे विकल्प में अपने उत्पादों को मैन्युअल रूप से जोड़ना\r\n                शामिल है। </label>\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12 mt-4\">\r\n                    <img src=\"./assets/g-store7.png\" width=\"50%\" height=\"95%\" alt=\"\">\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <h5 class=\"mt-4\" >चरण 4: अन्वेषण करें और सक्रिय करें </h5>\r\n            <label for=\"\" >\r\n\r\n                सब कुछ सक्रिय होने पर, आप पुरस्कार प्राप्त करने के लिए तैयार हैं। आपका\r\n                ऑनलाइन शॉपिंग स्टोर पहले से कहीं अधिक आकर्षक, ग्राहक-अनुकूल और गतिशील बन\r\n                जाएगा।एक बार जब आपकी प्रोफ़ाइल सेट हो जाए, तो 'जी-स्टोर' अनुभाग पर जाएँ।\r\n                वहां, आपको अपना व्यवसाय कार्ड, टिकट, कूपन, प्रोफ़ाइल क्यूआर कोड और भुगतान\r\n                क्यूआर कोड सक्रिय करने के विकल्प मिलेंगे।\r\n            </label>\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12 mt-4\">\r\n                    <img src=\"./assets/g-store8.png\" width=\"50%\" height=\"95%\" alt=\"\">\r\n                </div>\r\n\r\n            </div>\r\n            <h5 class=\"mt-4\" >चरण 5: लाभों का आनंद लेना शुरू करें </h5>\r\n            <label for=\"\" >\r\n\r\n                सब कुछ सक्रिय होने पर, आप पुरस्कार प्राप्त करने के लिए तैयार हैं। आपका\r\n                ऑनलाइन शॉपिंग स्टोर पहले से कहीं अधिक आकर्षक, ग्राहक-अनुकूल और गतिशील बन\r\n                जाएगा।\r\n            </label>\r\n            <label for=\"\" class=\"col-md-12 mt-4\" >\r\n\r\n                इस डिजिटल युग में, खड़े रहना और अपने ग्राहकों को सुविधा प्रदान करना सर्वोपरि\r\n                है। पे जी ऐप पर अपनी प्रोफ़ाइल बनाकर, आप इन लक्ष्यों को प्राप्त करने की दिशा\r\n                में एक महत्वपूर्ण कदम उठा रहे हैं।\r\n            </label>\r\n\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-4  hide-tbl content2  \">\r\n<div class=\"card crd p-4\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n            <h5 >\r\n                विषयसूची:\r\n            </h5>\r\n        </div>\r\n        <!-- <div class=\"col-md-12 mt-2\">\r\n           <a href=\"#41\">  <div class=\"row\">\r\n                <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                        alt=\"\"> &nbsp;</div>\r\n                <div class=\"col-md-10\">\r\n                    <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                        [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                        Introduction to G-Store </span>\r\n                </div>\r\n            </div></a>\r\n        </div> -->\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#42\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                            >\r\n                            जी-स्टोर का परिचय </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-0\">\r\n            <a href=\"#43\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                            >जी-स्टोर की विशेषताएं </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-0\">\r\n            <a href=\"#44\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                            >\r\n                            जी-स्टोर का उपयोग करने के लाभ </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-0\">\r\n            <a href=\"#45\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='5'}\" (click)=\"color('5')\"\r\n                            >शुरुआत कैसे करें? </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n\r\n\r\n\r\n\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-9 hide ft-9\">\r\n    <hr>\r\n    <div class=\" row crd\">\r\n        <div class=\"col-md-8\">\r\n         \r\n            <a [routerLink]=\"['/create-link']\">   <button class=\"btn btn-color\" (click)=\"menues('Create Payment')\" > <img\r\n                    src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;क्रिएट पेमेंट लिंक\r\n            </button></a>\r\n        </div>\r\n        <div class=\"col-md-4   \">\r\n         \r\n            <a [routerLink]=\"['/pay-button']\">  <button class=\"btn btn-color\" (click)=\"menues('Pay Button')\" >पे बटन\r\n                &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>","<app-g-store *ngIf=\"english\"></app-g-store>\r\n<app-g-store-hindi *ngIf=\"hindi\"></app-g-store-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-store',\r\n  templateUrl: './store.component.html',\r\n  styleUrls: ['./store.component.css']\r\n})\r\nexport class StoreComponent {\r\nenglish:boolean=true;\r\nhindi:boolean=false;\r\nngOnInit(): void {\r\n  const storeVal = localStorage.getItem('selectedValue');\r\n  if (storeVal == 'english') {\r\n    this.english = true;\r\n    this.hindi = false;\r\n  }\r\n  if (storeVal == 'hindi') {\r\n\r\n    this.english = false;\r\n    this.hindi = true;\r\n  }\r\n\r\n}\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-invoice',\r\n  templateUrl: './invoice.component.html',\r\n  styleUrls: ['./invoice.component.css']\r\n})\r\nexport class InvoiceComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>\r\n                        <h2> What is an Invoice? </h2>\r\n                    </h2>\r\n                   \r\n                </div>\r\n\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a></div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='36'>\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe\r\n                            class=\"i-frame\"\r\n                            src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                            frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\"\r\n                    (mouseout)=\"showpayment(false,'2')\" id=\"37\">\r\n\r\n\r\n                    <label for=\"\" class=\"mt-2\"> An invoice is a formal document sent\r\n                        from a merchant\r\n                        to\r\n                        a\r\n                        customer, requesting payment for products or services provided. It is an\r\n                        essential\r\n                        tool\r\n                        in the world of e-commerce, serving several vital functions. </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'3')\"\r\n                    (mouseout)=\"showpayment(false,'3')\" id=\"38\">\r\n                    <h2>Functions of Invoice </h2>\r\n                    <ul>\r\n                        <li class=\"mt-3\"><b>Record Keeping: </b>&nbsp Invoices provide a clear\r\n                            record of\r\n                            all\r\n                            transactions, ensuring both parties have a detailed account of the\r\n                            products\r\n                            or\r\n                            services exchanged. </li>\r\n\r\n                        <li class=\"mt-3\"><b>Payment Request : </b>&nbsp;Invoices serve as a polite\r\n                            yet\r\n                            firm\r\n                            request for payment. They communicate the amount due, payment terms, and\r\n                            the\r\n                            payment\r\n                            methods accepted.</li>\r\n\r\n\r\n                        <li class=\"mt-3\"><b>Professionalism: </b>&nbsp;Professional, well-designed\r\n                            invoices\r\n                            convey trust and credibility to your customers, enhancing your brand\r\n                            image.\r\n                        </li>\r\n\r\n\r\n                        <li class=\"mt-3\"><b>Legal Protection: </b>&nbsp;Invoices can serve as legal\r\n                            documentation in case of disputes or audits, offering protection to both\r\n                            merchants\r\n                            and customers. </li>\r\n\r\n                    </ul>\r\n            \r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\"\r\n                    (mouseout)=\"showpayment(false,'4')\" id=\"39\">\r\n                    <h2>Why Use Invoices with PayG? </h2>\r\n                    <label for=\"\" class=\"mt-3\">When you integrate invoices into your\r\n                        payment process\r\n                        through\r\n                        PayG, you unlock a range of benefits that can significantly improve your\r\n                        payment\r\n                        management: </label>\r\n                   \r\n                    <ul>\r\n                        <li class=\"mt-3\">\r\n                            Efficiency: With PayG's invoicing feature, you can create, send, and\r\n                            track\r\n                            invoices\r\n                            effortlessly. Say goodbye to manual invoice preparation and tracking;\r\n                            our\r\n                            system\r\n                            automates it all for you.\r\n                        </li>\r\n                        <li class=\"mt-3\">\r\n                            Customization: Tailor your invoices to match your brand's identity. Add\r\n                            your\r\n                            logo,\r\n                            choose colors, and use your preferred invoice template.\r\n                        </li>\r\n                        <li class=\"mt-3\">\r\n                            Payment Options: Offer multiple payment methods to your customers,\r\n                            making it\r\n                            easier\r\n                            for them to settle their bills. With PayG, you can accept credit cards,\r\n                            digital\r\n                            wallets, and more.\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">\r\n                            Automated Reminders: Never worry about late payments again. PayG can\r\n                            send\r\n                            automated\r\n                            payment reminders to your customers, reducing late payments and\r\n                            improving\r\n                            cash\r\n                            flow.\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">\r\n                            Detailed Reporting: Access comprehensive reports on your invoicing\r\n                            activity,\r\n                            helping\r\n                            you gain insights into your business's financial health.\r\n                        </li>\r\n\r\n\r\n                    </ul>\r\n                \r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'5')\"\r\n                    (mouseout)=\"showpayment(false,'5')\" id=\"40\">\r\n                    <h2>Getting Started with Invoices on PayG </h2>\r\n\r\n                    <h5 class=\"mt-3\">\r\n                        Login to Your PayG merchant Account.\r\n                    </h5>\r\n                  \r\n                    <label for=\"\" class=\"mt-1\"> If you haven't already, log in to\r\n                        your PayG merchant\r\n                        account.\r\n                    </label><br>\r\n                  \r\n                    <img src=\"./assets/Invoice1.png\" alt=\"\" width=\"100%\" height=\"30%\" class=\"mt-2\">\r\n\r\n                    <h5 class=\"mt-3\">\r\n                        Access Invoicing\r\n                    </h5>\r\n                  \r\n                    <label for=\"\" class=\"mt-1\"> Navigate to the invoicing section\r\n                        within your\r\n                        account\r\n                        dashboard.\r\n                    </label><br>\r\n                   \r\n                    <img src=\"./assets/Invoice2.png\" alt=\"\" width=\"100%\" height=\"10%\" class=\"mt-2\">\r\n                    <h5 class=\"mt-3\">\r\n                        Create an Invoice\r\n                    </h5>\r\n                   \r\n                    <label for=\"\" class=\"mt-1\"> Follow our user-friendly interface\r\n                        to create a new\r\n                        invoice.\r\n                        Fill\r\n                        in the necessary details, including the customer's information, product or\r\n                        service\r\n                        descriptions, prices, and due dates. </label><br>\r\n                   \r\n                    <img src=\"./assets/Invoice3.png\" alt=\"\" width=\"100%\" height=\"30%\" class=\"mt-2\">\r\n\r\n\r\n                    <h5 class=\"mt-3\">\r\n                        Send the Invoice\r\n                    </h5>\r\n                    \r\n                    <label for=\"\" class=\"mt-1\"> Once your invoice is ready, simply\r\n                        hit the \"Send\"\r\n                        button.\r\n                        PayG\r\n                        will deliver it to your customer's email address. </label><br>\r\n                  \r\n                    <img src=\"./assets/Invoice4.png\" alt=\"\" width=\"80%\" height=\"20%\" class=\"mt-2\">\r\n\r\n                    <h5 class=\"mt-3\">\r\n                        Track and Receive Payments\r\n                    </h5>\r\n                   \r\n                    <label for=\"\" class=\"mt-1\">Monitor the status of your invoices\r\n                        in real-time.\r\n                        Receive\r\n                        payments securely through PayG's payment processing solutions. </label><br>\r\n                  \r\n                    <img src=\"./assets/Invoice5.png\" alt=\"\" width=\"100%\" height=\"10%\" class=\"mt-2\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n                   \r\n                </div>\r\n                <!-- <div class=\"col-md-12 mt-2\">\r\n                   <a href=\"#36\">  <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\"> &nbsp;</div>\r\n                        <div class=\"col-md-10\">\r\n                            <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                Introduction to Invoice </span>\r\n                        </div>\r\n                    </div><a?\r\n                </div> -->\r\n\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#37\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                                   >\r\n                                    Introduction to Invoice </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#38\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                                   >Functions\r\n                                    of\r\n                                    Invoice </span>\r\n                              </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#39\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                                   >\r\n                                    Why Use Invoices with PayG? </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#40\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='5'}\" (click)=\"color('5')\"\r\n                                   >Creating\r\n                                    Invoices </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/payment-qr']\">  <button class=\"btn btn-color\" (click)=\"menues('Payment QR')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Payment QR\r\n                </button></a>\r\n\r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/video-kyc']\">    <button class=\"btn btn-color\" (click)=\"menues('Video KYC')\" >Video\r\n                    KYC\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button>\r\n               </a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-invoice-hindi',\r\n  templateUrl: './invoice-hindi.component.html',\r\n  styleUrls: ['./invoice-hindi.component.css']\r\n})\r\nexport class InvoiceHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                 \r\n                    <h2 >\r\n                        <h2> चालान क्या है? </h2>\r\n                    </h2>\r\n                </div>\r\n\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a></div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='36'>\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe\r\n                            class=\"i-frame\"\r\n                            src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                            frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\"\r\n                    (mouseout)=\"showpayment(false,'2')\" id=\"37\">\r\n\r\n\r\n                    <label for=\"\" class=\"mt-2\" >चालान एक व्यापारी द्वारा ग्राहक को भेजा\r\n                        गया एक औपचारिक दस्तावेज है, जो प्रदान किए गए उत्पादों या सेवाओं के लिए\r\n                        भुगतान का अनुरोध करता है। यह ई-कॉमर्स की दुनिया में एक आवश्यक उपकरण है, जो\r\n                        कई महत्वपूर्ण कार्य करता है। </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'3')\"\r\n                    (mouseout)=\"showpayment(false,'3')\" id=\"38\">\r\n                    <h2 >चालान के कार्य </h2>\r\n                \r\n                    <ul >\r\n                        <li class=\"mt-3\"><b>रिकॉर्ड रखना: </b>&nbsp; चालान सभी लेनदेन का एक स्पष्ट\r\n                            रिकॉर्ड प्रदान करते हैं, यह सुनिश्चित करते हुए कि दोनों पक्षों के पास\r\n                            आदान-प्रदान किए गए उत्पादों या सेवाओं का विस्तृत खाता है। </li>\r\n\r\n                        <li class=\"mt-3\"><b> भुगतान अनुरोध: </b>&nbsp; चालान भुगतान के लिए एक विनम्र\r\n                            लेकिन दृढ़ अनुरोध के रूप में कार्य करते हैं। वे देय राशि, भुगतान की\r\n                            शर्तों और स्वीकृत भुगतान विधियों के बारे में बताते हैं। </li>\r\n\r\n\r\n                        <li class=\"mt-3\"><b> व्यावसायिकता: </b>&nbsp; पेशेवर, अच्छी तरह से डिज़ाइन\r\n                            किए गए चालान आपके ग्राहकों को विश्वास और विश्वसनीयता प्रदान करते हैं,\r\n                            जिससे आपकी ब्रांड छवि बढ़ती है।\r\n                        </li>\r\n\r\n\r\n                        <li class=\"mt-3\"><b> कानूनी सुरक्षा: </b>&nbsp;विवादों या ऑडिट के मामले में\r\n                            चालान कानूनी दस्तावेज के रूप में काम कर सकते हैं, जो व्यापारियों और\r\n                            ग्राहकों दोनों को सुरक्षा प्रदान करते हैं। </li>\r\n\r\n                    </ul>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\"\r\n                    (mouseout)=\"showpayment(false,'4')\" id=\"39\">\r\n                    <h2 > पे जी के साथ चालान का उपयोग क्यों करें? </h2>\r\n             \r\n                    <label for=\"\" class=\"mt-3\" >जब आप पे जी के माध्यम से चालान को अपनी\r\n                        भुगतान प्रक्रिया में एकीकृत करते हैं, तो आप कई प्रकार के लाभों को अनलॉक करते\r\n                        हैं जो आपके भुगतान प्रबंधन में उल्लेखनीय सुधार कर सकते हैं: </label>\r\n\r\n                \r\n                    <ul >\r\n                        <li class=\"mt-3\">\r\n                            दक्षता: पे जी की चालान सुविधा के साथ, आप आसानी से चालान बना सकते हैं, भेज\r\n                            सकते हैं और ट्रैक कर सकते हैं। मैन्युअल चालान तैयार करने और ट्रैकिंग को\r\n                            अलविदा कहें; हमारा सिस्टम आपके लिए यह सब स्वचालित करता है।\r\n                        </li>\r\n                        <li class=\"mt-3\">\r\n                            अनुकूलन: अपने ब्रांड की पहचान से मेल खाने के लिए अपने चालान तैयार करें।\r\n                            अपना लोगो जोड़ें, रंग चुनें और अपने पसंदीदा इनवॉइस टेम्पलेट का उपयोग\r\n                            करें।\r\n                        </li>\r\n                        <li class=\"mt-3\">\r\n                            भुगतान विकल्प: अपने ग्राहकों को कई भुगतान विधियाँ प्रदान करें, जिससे\r\n                            उनके लिए अपने बिलों का निपटान करना आसान हो जाए। पे जी के साथ, आप क्रेडिट\r\n                            कार्ड, डिजिटल वॉलेट और बहुत कुछ स्वीकार कर सकते हैं।\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">\r\n                            स्वचालित अनुस्मारक: देर से भुगतान के बारे में फिर कभी चिंता न करें। पे जी\r\n                            आपके ग्राहकों को स्वचालित भुगतान अनुस्मारक भेज सकता है, देर से भुगतान को\r\n                            कम कर सकता है और नकदी प्रवाह में सुधार कर सकता है।\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">\r\n                            विस्तृत रिपोर्टिंग: अपनी चालान गतिविधि पर व्यापक रिपोर्ट तक पहुंचें,\r\n                            जिससे आपको अपने व्यवसाय के वित्तीय स्वास्थ्य के बारे में जानकारी प्राप्त\r\n                            करने में मदद मिलेगी।\r\n                        </li>\r\n\r\n\r\n                    </ul>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'5')\"\r\n                    (mouseout)=\"showpayment(false,'5')\" id=\"40\">\r\n                    <h2 >पे जी पर चालान के साथ शुरुआत करना </h2>\r\n\r\n                    \r\n                    <h5 class=\"mt-3\" >\r\n                        अपने पे जी खाते में लॉगिन करें\r\n                    </h5>\r\n                    <br>\r\n                    <label for=\"\" class=\"mt-1\" > यदि आपने पहले से नहीं किया है, तो अपने\r\n                        पे जी मर्चेंट खाते में लॉग इन करें।\r\n                    </label>\r\n                    <img src=\"./assets/Invoice1.png\" alt=\"\" width=\"100%\" height=\"30%\" class=\"mt-2\">\r\n\r\n                  \r\n                    <h5 class=\"mt-3\" >\r\n                        प्रवेश चालान\r\n                    </h5>\r\n                    <br>\r\n                    <label for=\"\" class=\"mt-1\" > अपने खाते के डैशबोर्ड में चालान अनुभाग\r\n                        पर जाएँ।\r\n                    </label>\r\n                    <img src=\"./assets/Invoice2.png\" alt=\"\" width=\"100%\" height=\"10%\" class=\"mt-2\">\r\n                    \r\n                    <h5 class=\"mt-3\" >\r\n                        एक चालान बनाएं\r\n                    </h5>\r\n                    <br>\r\n                    <label for=\"\" class=\"mt-1\" > नया इनवॉइस बनाने के लिए हमारे\r\n                        उपयोगकर्ता-अनुकूल इंटरफ़ेस का पालन करें। ग्राहक की जानकारी, उत्पाद या सेवा\r\n                        विवरण, कीमतें और देय तिथियों सहित आवश्यक विवरण भरें। </label>\r\n                    <img src=\"./assets/Invoice3.png\" alt=\"\" width=\"100%\" height=\"30%\" class=\"mt-2\">\r\n\r\n\r\n                   \r\n                    <h5 class=\"mt-3\" >\r\n                        चालान भेजें\r\n                    </h5>\r\n                    <br>\r\n                    <label for=\"\" class=\"mt-1\" > एक बार जब आपका चालान तैयार हो जाए, तो\r\n                        बस \"भेजें\" बटन दबाएं। पे जी इसे आपके ग्राहक के ईमेल पते पर वितरित करेगा।\r\n                    </label>\r\n                    <img src=\"./assets/Invoice4.png\" alt=\"\" width=\"80%\" height=\"20%\" class=\"mt-2\">\r\n\r\n                    \r\n                    <h5 class=\"mt-3\" >\r\n                        भुगतान ट्रैक करें और प्राप्त करें\r\n                    </h5>\r\n                    <br>\r\n                    <label for=\"\" class=\"mt-1\" >वास्तविक समय में अपने चालान की स्थिति\r\n                        की निगरानी करें। पे जी के भुगतान प्रसंस्करण समाधानों के माध्यम से सुरक्षित\r\n                        रूप से भुगतान प्राप्त करें। </label>\r\n                    <img src=\"./assets/Invoice5.png\" alt=\"\" width=\"100%\" height=\"10%\" class=\"mt-2\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                   \r\n                    <h5 >\r\n                        विषयसूची\r\n                    </h5>\r\n                </div>\r\n                <!-- <div class=\"col-md-12 mt-2\">\r\n                   <a href=\"#36\">  <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\"> &nbsp;</div>\r\n                        <div class=\"col-md-10\">\r\n                            <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                Introduction to Invoice </span>\r\n                        </div>\r\n                    </div><a?\r\n                </div> -->\r\n\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#37\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                                    >\r\n                                    चालान का परिचय </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#38\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                               \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                                    >चालान के कार्य </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#39\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                                    >\r\n                                    पे जी के साथ चालान का उपयोग क्यों करें? </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#40\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='5'}\" (click)=\"color('5')\"\r\n                                    >चालान बनाना </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n               \r\n                <a [routerLink]=\"['/payment-qr']\"> <button class=\"btn btn-color\" (click)=\"menues('Payment QR')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;पेमेंट क्यूआर\r\n\r\n                </button></a>\r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n                \r\n                <a [routerLink]=\"['/video-kyc']\"> <button class=\"btn btn-color\" (click)=\"menues('Video KYC')\" >वीडियो\r\n                    केवाईसी\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","<app-invoice *ngIf=\"english\"></app-invoice>\r\n<app-invoice-hindi *ngIf=\"hindi\"></app-invoice-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-invoice-main',\r\n  templateUrl: './invoice-main.component.html',\r\n  styleUrls: ['./invoice-main.component.css']\r\n})\r\nexport class InvoiceMainComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild} from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-pay-button',\r\n  templateUrl: './pay-button.component.html',\r\n  styleUrls: ['./pay-button.component.css']\r\n})\r\nexport class PayButtonComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\" (mouseover)=\"showpayment(true,'2')\"\r\n                    (mouseout)=\"showpayment(false,'2')\" id=\"2\">\r\n                    <h2 >Pay Buttons </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a></div>\r\n                            \r\n                    <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"5\">\r\n                        <div style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n    \r\n                            <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/bL69f97X_e8?si=RpuULWFNv751Rhi9\"\r\n                                title=\"YouTube video player\" frameborder=\"0\"\r\n                                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                                allowfullscreen></iframe>\r\n                        </div>\r\n                    </div>\r\n           \r\n\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'2')\"\r\n                (mouseout)=\"showpayment(false,'2')\" id=\"2\">\r\n\r\n                    <label for=\"\" class=\"mt-2\" >The Pay Button is a fundamental\r\n                        feature provided by\r\n                        PayG\r\n                        that\r\n                        allows businesses to accept online payments securely and conveniently. It\r\n                        simplifies\r\n                        the payment process for both merchants and customers by providing a quick\r\n                        and\r\n                        straightforward way to initiate transactions. The pay button likely refers\r\n                        to a\r\n                        specific button or element provided by PayG's payment processing service.\r\n                        This\r\n                        button can be integrated into your website or app to enable customers to\r\n                        initiate\r\n                        payments securely</label>\r\n                    <label for=\"\" class=\"mt-3\" >When a customer clicks on the \"pay\r\n                        button,\" it\r\n                        typically\r\n                        triggers the payment process, allowing the customer to enter their payment\r\n                        details\r\n                        and complete the transaction. PayG provides merchants with the necessary\r\n                        tools\r\n                        and\r\n                        infrastructure, including the \"pay button,\" to facilitate online payments\r\n                        and\r\n                        ensure\r\n                        the security and efficiency of the transaction. </label>\r\n                   \r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'1')\"\r\n                (mouseout)=\"showpayment(false,'1')\" id=\"101\"> <h2> Workflow\r\n                 </h2>\r\n                \r\n                <div class=\"col-md-12 mt-3\">\r\n                    <img src=\"./assets/GIF/Creating Pay Button.gif\" width=\"95%\" height=\"95%\"\r\n                 alt=\"\" style=\"border-radius: 10px;\">\r\n                 </div>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\"\r\n                    (mouseout)=\"showpayment(false,'3')\" id=\"3\">\r\n                    <h2 >Key Benefits of Our Pay Buttons: </h2>\r\n\r\n                    <ol >\r\n                        <li class=\"mt-3\"><b>Fast and Effortless Payments:</b> With our Pay Button,\r\n                            your\r\n                            customers\r\n                            can complete their payments in just a few clicks, reducing checkout\r\n                            times\r\n                            and\r\n                            enhancing their overall shopping experience. </li>\r\n\r\n                        <li class=\"mt-3\">\r\n\r\n                            <b>Secure Transactions:</b> Your security is our top priority. The Pay\r\n                            Button\r\n                            ensures\r\n                            that all transactions are protected by the highest level of encryption\r\n                            and\r\n                            security measures.\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">\r\n\r\n                            <b>Mobile Responsive:</b> Our Pay Button is designed to work flawlessly\r\n                            on all\r\n                            devices,\r\n                            ensuring a smooth payment experience.\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">\r\n\r\n                            <b>Multiple Payment Options:</b> Choose from a wide range of payment\r\n                            methods,\r\n                            including\r\n                            credit/debit cards, net banking, UPI, mobile wallets, and more.\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">\r\n\r\n                            <b>One-Click Payments:</b> For returning customers, our Pay Button\r\n                            offers a\r\n                            convenient\r\n                            one-click payment option, saving you time and effort during subsequent\r\n                            transactions.\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">\r\n                            <b>Easy Refunds and Disputes:</b> In the unlikely event of a refund or\r\n                            dispute,\r\n                            our\r\n                            Pay\r\n                            Button streamlines the process, ensuring a hassle-free resolution.\r\n                        </li>\r\n\r\n\r\n                    </ol>\r\n\r\n                   \r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'4')\"\r\n                    (mouseout)=\"showpayment(false,'4')\" id=\"4\">\r\n                    <h2 >\r\n                        This is how you can create your own customized pay button in PayG:\r\n                    </h2>\r\n                  \r\n                    <ul>\r\n                        <li class=\"mt-3\" ><b>Sign into your Account: </b>&nbsp;If you\r\n                            haven't\r\n                            already,\r\n                            sign\r\n                            up for an account with PayG. It's quick and easy! </li>\r\n\r\n                        <li class=\"mt-3\" ><b>Access Your Dashboard : </b>&nbsp;Once\r\n                            you're logged in,\r\n                            navigate to your account dashboard, where you'll find a “Create button”,\r\n                            by\r\n                            clicking on that button you’ll find the \"Pay Button\" section. </li>\r\n\r\n\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/button1.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <li class=\"mt-3\" >\r\n                            You can select any of the four pay buttons given “Pay Now”, “Buy Now”,\r\n                            “Donate”,\r\n                            and “Add to cart”.\r\n                        </li>\r\n                        \r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3 text-center\">\r\n                                <img src=\"./assets/button2.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <li class=\"mt-3\" >\r\n                            You can modify your pay button and obtain a preview of the button by\r\n                            choosing one of the available themes after choosing the pay button.\r\n                        </li>\r\n                       \r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3 text-center\">\r\n                                <img src=\"./assets/button3.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n\r\n                        <li class=\"mt-3\" >\r\n                            After creating the button, click on “Assignment” From here you can copy\r\n                            the\r\n                            code and paste it into an HTML format and then embed it wherever you\r\n                            would\r\n                            like to in your official webpage.\r\n                        </li>\r\n                      \r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3 text-center\">\r\n                                <img src=\"./assets/button 4.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n\r\n                            <div class=\"col-md-12 mt-3 text-center\">\r\n                                <img src=\"./assets/button 5.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <li >\r\n                            Merchants can check the transaction history for all four buttons done by\r\n                            the\r\n                            customers\r\n                        </li>\r\n\r\n                    </ul>\r\n                </div>\r\n                <div class=\"col-md-12\">\r\n                    <h2 class=\"mt-4\" (mouseover)=\"showpayment(true,'5')\"\r\n                        (mouseout)=\"showpayment(false,'5')\" id=\"5\" >\r\n                        The following description of the buttons can assist you in choosing the\r\n                        right\r\n                        type:\r\n                    </h2>\r\n                   \r\n                    <label class=\"mt-3\" ><b> \"Buy Now” button: </b>&nbsp;The \"Buy\r\n                        Now\" button can be\r\n                        used\r\n                        for single-item purchases. When a customer clicks on this button, they are\r\n                        taken\r\n                        directly to the checkout page, where they can complete the purchase for the\r\n                        specific product or service they have selected. This button is ideal for\r\n                        situations where the customer has already made up their mind and wants a\r\n                        quick\r\n                        and streamlined purchasing process.\r\n\r\n                    </label>\r\n                    <label class=\"mt-3\" ><b> \"Pay Now\" button:</b>&nbsp;The \"Pay Now\"\r\n                        button can be\r\n                        used\r\n                        for situations where the customer has already added items to their shopping\r\n                        cart\r\n                        and wants to proceed directly to payment without going through the\r\n                        traditional\r\n                        checkout process. It is commonly seen in one-click payment options or on\r\n                        payment\r\n                        request pages where the total amount is displayed, and the customer can\r\n                        complete\r\n                        the payment by clicking the \"Pay Now\" button.\r\n\r\n                    </label>\r\n\r\n                    <label class=\"mt-3\" ><b> \"Donate\" Button: </b>&nbsp;The \"Donate\"\r\n                        button can be\r\n                        used\r\n                        on websites or platforms where organizations or individuals seek donations\r\n                        for\r\n                        charitable causes, non-profit activities, or fundraising purposes. When\r\n                        users\r\n                        click on the \"Donate\" button, they are usually directed to a payment page\r\n                        where\r\n                        they can choose the donation amount and complete the transaction.\r\n\r\n                    </label>\r\n\r\n                    <label class=\"mt-3\" ><b> \"Add to Cart\" Button: </b>&nbsp;The \"Add\r\n                        to Cart\" button\r\n                        can\r\n                        be used by e-commerce websites to allow their customers to add items they\r\n                        wish\r\n                        to purchase to their virtual shopping cart. This enables customers to\r\n                        continue\r\n                        shopping and adding more items before proceeding to the checkout page to\r\n                        finalize their purchase.\r\n\r\n\r\n\r\n                    </label>\r\n                   \r\n                </div>\r\n            </div>\r\n        </div>\r\n   </div>\r\n    <div class=\"col-md-4 hide-tbl\">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5 >\r\n                        Table of Contents:\r\n                    </h5>\r\n                   \r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                                    >Introduction to Pay Buttons </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#101\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/workflow.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                </div>\r\n                            <div class=\"col-md-10 mt-1\" >\r\n                               \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >\r\n                                    Workflow</span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                                    >\r\n                                    Benefits of Pay Buttons </span>\r\n                                \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                                    >Creating\r\n                                    Pay Buttons </span>\r\n                           \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#5\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='5'}\" (click)=\"color('5')\"\r\n                                    >Types of\r\n                                    Pay Buttons </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/g-store']\"> <button class=\"btn btn-color\" (click)=\"menues('G-Store')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;G-Store\r\n                </button></a>   \r\n               \r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/payment-qr']\"> <button class=\"btn btn-color\" (click)=\"menues('Payment QR')\" >Payment\r\n                    QR\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            \r\n            </div>\r\n        </div>\r\n    </div>\r\n    </div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-pay-button-hindi',\r\n  templateUrl: './pay-button-hindi.component.html',\r\n  styleUrls: ['./pay-button-hindi.component.css']\r\n})\r\nexport class PayButtonHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\" (mouseover)=\"showpayment(true,'2')\"\r\n                    (mouseout)=\"showpayment(false,'2')\" id=\"2\">\r\n                    <h2 >पे बटन </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a></div>\r\n\r\n                    <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"5\">\r\n                        <div style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n    \r\n                            <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/bL69f97X_e8?si=RpuULWFNv751Rhi9\"\r\n                                title=\"YouTube video player\" frameborder=\"0\"\r\n                                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                                allowfullscreen></iframe>\r\n                        </div>\r\n                    </div>\r\n               \r\n                <div class=\"col-md-12\">\r\n\r\n                    <label for=\"\" class=\"mt-2\" >पे बटन एक मौलिक है\r\n                        द्वारा प्रदान की गई सुविधा\r\n                        पे जी\r\n                        वह\r\n                        व्यवसायों को सुरक्षित और सुविधाजनक तरीके से ऑनलाइन भुगतान स्वीकार करने की अनुमति देता है। यह\r\n                        सरल\r\n                        व्यापारियों और ग्राहकों दोनों के लिए त्वरित भुगतान प्रक्रिया प्रदान करके\r\n                        और\r\n                        लेन-देन शुरू करने का सीधा तरीका. भुगतान बटन संभवतः संदर्भित करता है\r\n                        एक को\r\n                        पे जी की भुगतान प्रसंस्करण सेवा द्वारा प्रदान किया गया विशिष्ट बटन या तत्व।\r\n                        यह\r\n                        ग्राहकों को सक्षम बनाने के लिए बटन को आपकी वेबसाइट या ऐप में एकीकृत किया जा सकता है\r\n                        आरंभ करना\r\n                        भुगतान सुरक्षित रूप से</label>\r\n                    <label for=\"\" class=\"mt-3\" >जब कोई ग्राहक \"भुगतान करें\" पर क्लिक करता है\r\n                        बटन,\" यह\r\n                        आम तौर पर\r\n                        भुगतान प्रक्रिया को ट्रिगर करता है, जिससे ग्राहक को अपना भुगतान दर्ज करने की अनुमति मिलती है\r\n                        विवरण\r\n                        और लेनदेन पूरा करें. पे जी व्यापारियों को आवश्यक चीज़ें प्रदान करता है\r\n                        औजार\r\n                        और\r\n                        ऑनलाइन भुगतान की सुविधा के लिए \"पे बटन\" सहित बुनियादी ढाँचा\r\n                        और\r\n                        सुनिश्चित करना\r\n                        लेन-देन की सुरक्षा और दक्षता. </label>\r\n                   \r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'1')\"\r\n                (mouseout)=\"showpayment(false,'1')\" id=\"101\"> <h2> कार्यप्रवाह\r\n                </h2>\r\n               \r\n                <div class=\"col-md-12 mt-3\">\r\n                    <img src=\"./assets/GIF/Creating Pay Button.gif\" width=\"95%\" height=\"95%\"\r\n                 alt=\"\" style=\"border-radius: 10px;\">\r\n                 </div>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\"\r\n                    (mouseout)=\"showpayment(false,'3')\" id=\"3\">\r\n\r\n                 \r\n                    <h2 >हमारे वेतन बटन के मुख्य लाभ: </h2>\r\n\r\n                    <ol >\r\n                        <li class=\"mt-3\"><b>तेज़ और सहज भुगतान:</b> हमारे पे बटन के साथ, आपके ग्राहक\r\n                            कुछ ही क्लिक में अपना भुगतान पूरा कर सकते हैं, चेकआउट के समय को कम कर\r\n                            सकते हैं और अपने समग्र खरीदारी अनुभव को बढ़ा सकते हैं। </li>\r\n\r\n                        <li class=\"mt-3\">\r\n\r\n                            <b>सुरक्षित लेनदेन:</b> आपकी सुरक्षा हमारी सर्वोच्च प्राथमिकता है। पे\r\n                            बटन यह सुनिश्चित करता है कि सभी लेनदेन उच्चतम स्तर के एन्क्रिप्शन और\r\n                            सुरक्षा उपायों द्वारा सुरक्षित हैं।\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">\r\n\r\n                            <b>मोबाइल रिस्पॉन्सिव:</b> हमारा पे बटन सभी डिवाइसों पर त्रुटिहीन ढंग से\r\n                            काम करने के लिए डिज़ाइन किया गया है, जिससे भुगतान का सहज अनुभव सुनिश्चित\r\n                            होता है।\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">\r\n\r\n                            <b>एकाधिक भुगतान विकल्प:</b> क्रेडिट/डेबिट कार्ड, नेट बैंकिंग, यूपीआई,\r\n                            मोबाइल वॉलेट और अन्य सहित भुगतान विधियों की एक विस्तृत श्रृंखला में से\r\n                            चुनें।\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">\r\n\r\n                            <b>एक-क्लिक भुगतान:</b> लौटने वाले ग्राहकों के लिए, हमारा पे बटन एक\r\n                            सुविधाजनक एक-क्लिक भुगतान विकल्प प्रदान करता है, जिससे बाद के लेनदेन के\r\n                            दौरान आपका समय और प्रयास बचता है।\r\n\r\n\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">\r\n                            <b>आसान रिफंड और विवाद:</b>रिफंड या विवाद की अप्रत्याशित स्थिति में,\r\n                            हमारा पे बटन परेशानी मुक्त समाधान सुनिश्चित करते हुए प्रक्रिया को\r\n                            सुव्यवस्थित करता है।\r\n                        </li>\r\n\r\n\r\n                    </ol>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'4')\"\r\n                    (mouseout)=\"showpayment(false,'4')\" id=\"4\">\r\n                  \r\n                    <h2 >\r\n                        इस प्रकार आप पे जी में अपना स्वयं का अनुकूलित पे बटन बना सकते हैं:\r\n                    </h2>\r\n                    <ul>\r\n                      \r\n                        <li class=\"mt-3\" ><b>अपने खाते में साइन इन करें: </b>&nbsp;यदि\r\n                            आपने पहले से नहीं किया है, तो पे जी के साथ एक खाते के लिए साइन अप करें।\r\n                            यह त्वरित और आसान है! </li>\r\n\r\n                        <li class=\"mt-3\" ><b>अपने डैशबोर्ड तक पहुंचें: </b>&nbsp;एक बार\r\n                            लॉग इन करने के बाद, अपने खाते के डैशबोर्ड पर जाएं, जहां आपको एक \"Create\r\n                            button\" मिलेगा, उस बटन पर क्लिक करने पर आपको \" Pay Button \" अनुभाग\r\n                            मिलेगा। </li>\r\n\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/button1.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                       \r\n                        <li class=\"mt-3\" >\r\n\r\n\r\n                            आप \"Pay Now\", \"Buy Now\", \"Donate\", और \"Add to cart\" दिए गए चार भुगतान\r\n                            बटनों में से किसी एक का चयन कर सकते हैं।\r\n                        </li>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3 text-center\">\r\n                                <img src=\"./assets/button2.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        \r\n                        <li class=\"mt-3\" >\r\n                            आप अपने पे बटन को संशोधित कर सकते हैं और पे बटन चुनने के बाद उपलब्ध\r\n                            थीमों में से किसी एक को चुनकर बटन का पूर्वावलोकन प्राप्त कर सकते हैं।\r\n                        </li>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3 text-center\">\r\n                                <img src=\"./assets/button3.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n\r\n                       \r\n                        <li class=\"mt-3\" >\r\n                            बटन बनाने के बाद, \"Assignment\" पर क्लिक करें। यहां से आप कोड को कॉपी कर\r\n                            सकते हैं और इसे HTML प्रारूप में पेस्ट कर सकते हैं और फिर इसे अपने\r\n                            आधिकारिक वेबपेज पर जहां चाहें वहां एम्बेड कर सकते हैं।\r\n                        </li>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3 text-center\">\r\n                                <img src=\"./assets/button 4.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n\r\n                            <div class=\"col-md-12 mt-3 text-center\">\r\n                                <img src=\"./assets/button 5.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                       \r\n                        <li >\r\n                            व्यापारी ग्राहकों द्वारा किए गए सभी चार बटन के लेनदेन इतिहास की जांच कर\r\n                            सकते हैं।\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n                <div class=\"col-md-12\">\r\n                  \r\n                    <h2 class=\"mt-4\" (mouseover)=\"showpayment(true,'5')\"\r\n                        (mouseout)=\"showpayment(false,'5')\" id=\"5\" >\r\n                        बटनों का निम्नलिखित विवरण आपको सही प्रकार चुनने में सहायता कर सकता है:\r\n                    </h2>\r\n                   \r\n                    \r\n\r\n                 \r\n\r\n                    <label class=\"mt-3\" ><b>\" Buy Now \" बटन: </b>&nbsp; \"Buy Now\" बटन\r\n                        का उपयोग एकल-आइटम खरीदारी के लिए किया जा सकता है। जब कोई ग्राहक इस बटन पर\r\n                        क्लिक करता है, तो उन्हें सीधे चेकआउट पृष्ठ पर ले जाया जाता है, जहां वे\r\n                        विशिष्ट उत्पाद या सेवा के लिए खरीदारी पूरी कर सकते हैं। उन्होंने चयन कर लिया\r\n                        है। यह बटन उन स्थितियों के लिए आदर्श है जहां ग्राहक पहले ही अपना मन बना चुका\r\n                        है और त्वरित और सुव्यवस्थित खरीदारी प्रक्रिया चाहता है।\r\n\r\n                    </label>\r\n                    <label class=\"mt-3\" ><b> \"Pay Now\" बटन:</b>&nbsp;\" Pay Now \" बटन का\r\n                        उपयोग उन स्थितियों के लिए किया जा सकता है जहां ग्राहक ने पहले ही अपने शॉपिंग\r\n                        कार्ट में आइटम जोड़ दिए हैं और पारंपरिक चेकआउट प्रक्रिया से गुजरे बिना सीधे\r\n                        भुगतान के लिए आगे बढ़ना चाहता है। यह आमतौर पर एक-क्लिक भुगतान विकल्पों या\r\n                        भुगतान अनुरोध पृष्ठों पर देखा जाता है जहां कुल राशि प्रदर्शित होती है, और\r\n                        ग्राहक \" Pay Now \" बटन पर क्लिक करके भुगतान पूरा कर सकता है।\r\n\r\n                    </label>\r\n\r\n                    <label class=\"mt-3\" ><b> \" Donate \" बटन: </b>&nbsp;\" Donate \" बटन\r\n                        का उपयोग उन वेबसाइटों या प्लेटफार्मों पर किया जा सकता है जहां संगठन या\r\n                        व्यक्ति धर्मार्थ कारणों, गैर-लाभकारी गतिविधियों या धन उगाहने के उद्देश्यों\r\n                        के लिए दान मांगते हैं। जब उपयोगकर्ता \"दान करें\" बटन पर क्लिक करते हैं, तो\r\n                        उन्हें आमतौर पर एक भुगतान पृष्ठ पर निर्देशित किया जाता है जहां वे दान राशि\r\n                        चुन सकते हैं और लेनदेन पूरा कर सकते हैं।\r\n\r\n                    </label>\r\n\r\n                    <label class=\"mt-3\" ><b> \" Add to Cart \" बटन: </b>&nbsp; \" Add to\r\n                        Cart \" बटन का उपयोग ई-कॉमर्स वेबसाइटें अपने ग्राहकों को उन वस्तुओं को जोड़ने\r\n                        की अनुमति देने के लिए कर सकती हैं जिन्हें वे अपने वर्चुअल शॉपिंग कार्ट में\r\n                        खरीदना चाहते हैं। यह ग्राहकों को अपनी खरीदारी को अंतिम रूप देने के लिए\r\n                        चेकआउट पृष्ठ पर आगे बढ़ने से पहले खरीदारी जारी रखने और अधिक आइटम जोड़ने में\r\n                        सक्षम बनाता है।\r\n\r\n\r\n\r\n                    </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n   </div>\r\n    <div class=\"col-md-4 hide-tbl\">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                   \r\n                    <h5 >\r\n                        विषयसूची :\r\n                    </h5>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                                    >पे बटन का परिचय </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#101\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/GIF/GIF.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                </div>\r\n                            <div class=\"col-md-10 mt-1\" >\r\n                               \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >\r\n                                    कार्यप्रवाह</span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                                    >\r\n                                    पे बटन के लाभ </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                               \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                                    >\r\n                                    वेतन बटन बनाना </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#5\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                               \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='5'}\" (click)=\"color('5')\"\r\n                                    >पे बटन के प्रकार </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                \r\n                <a [routerLink]=\"['/g-store']\"> <button class=\"btn btn-color\" (click)=\"menues('G-Store')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;जी-स्टोर\r\n\r\n                </button></a>\r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n               \r\n                <a [routerLink]=\"['/payment-qr']\"> <button class=\"btn btn-color\" (click)=\"menues('Payment QR')\" >पेमेंट\r\n                    क्यूआर\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    </div>","<app-pay-button *ngIf=\"english\"></app-pay-button>\r\n<app-pay-button-hindi *ngIf=\"hindi\"></app-pay-button-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-buttons',\r\n  templateUrl: './buttons.component.html',\r\n  styleUrls: ['./buttons.component.css']\r\n})\r\nexport class ButtonsComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component, ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n\r\n@Component({\r\n  selector: 'app-pay-g',\r\n  templateUrl: './pay-g.component.html',\r\n  styleUrls: ['./pay-g.component.css']\r\n})\r\nexport class PayGComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n\r\n}\r\n","<app-share-button></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>Introduction to PayG</h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\">\r\n                    <a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img\r\n                                src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\" alt=\"\"> </button>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"5\">\r\n                    <div style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/7V_om-dK_mU\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"6\">\r\n                    <h2>Introduction to PayG: </h2>\r\n\r\n\r\n                    <label for=\"\" class=\"spn mt-2\">PAYG is an Indian financial\r\n                        technology company\r\n                        that\r\n                        provides online payment solutions for businesses of all sizes. Founded in\r\n                        2020,\r\n                        PayG aims to simplify the process of accepting online payments and making\r\n                        transactions easier for all types of businesses in India. PayG works with\r\n                        businesses to provide customized payment solutions that align with their\r\n                        specific requirements. This flexibility allows businesses to enhance the\r\n                        payment\r\n                        experience for their customers. </label>\r\n                    <label for=\"\" class=\"spn mt-1\">PayG has gained popularity in the\r\n                        Indian market\r\n                        due\r\n                        to its user-friendly interface, competitive pricing, and the convenience it\r\n                        offers to businesses and customers alike. It has become a preferred payment\r\n                        gateway for startups, small businesses, and large enterprises looking for\r\n                        reliable and efficient payment processing solutions in India. </label>\r\n                    <label for=\"\" class=\"spn mt-2\">PayG has played a significant\r\n                        role in driving the\r\n                        adoption of digital payments in India. It has contributed to the growth of\r\n                        e-commerce and online transactions by offering a secure, reliable, and\r\n                        user-friendly platform for businesses to manage their payments effectively.\r\n                    </label>\r\n                    <label for=\"\" class=\"spn mt-2\">PAYG is an Indian-based online\r\n                        payment gateway.\r\n                        It\r\n                        offers a platform that enables merchants to make secure online payments and\r\n                        pay\r\n                        bills conveniently. </label>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"7\">\r\n                    <h2>Key features and offerings of PayG: </h2>\r\n                    <ul class=\"mt-3\">\r\n                        <li class=\"mt-2\">\r\n                            It provides a robust payment gateway that allows businesses to accept\r\n                            online\r\n                            payments through various methods, including credit and debit cards, net\r\n                            banking, UPI, digital wallets, and more.\r\n                        </li>\r\n                        <li class=\"mt-2\">\r\n                            PayG also supports subscription-based billing models, allowing\r\n                            businesses to\r\n                            set up recurring payments for services and products that require\r\n                            periodic\r\n                            payments.\r\n                        </li>\r\n                        <li class=\"mt-2\">\r\n                            The platform also offers tools to generate and manage invoices, making\r\n                            it\r\n                            easier for businesses to handle billing and track payment status.\r\n                        </li>\r\n                        <li class=\"mt-2\">\r\n                            PayG prioritizes security and compliance. It is compliant with Payment\r\n                            Card\r\n                            Industry Data Security Standard (PCI DSS) Level 1 and uses encryption\r\n                            and\r\n                            other security measures to protect sensitive data.\r\n                        </li>\r\n                        <li class=\"mt-2\">\r\n                            The platform offers real-time analytics and insights, providing\r\n                            businesses\r\n                            with valuable data on transactions, customer behavior, and other\r\n                            performance\r\n                            metrics.\r\n                        </li>\r\n                        <li class=\"mt-2\">\r\n                            PayG prioritizes the security of online transactions and employs various\r\n                            security measures, such as encryption and secure socket layer (SSL)\r\n                            technology, to safeguard customer data during payment processing.\r\n                        </li>\r\n                        <li class=\"mt-2\">\r\n                            PayG provides customer support to address any queries or issues related\r\n                            to\r\n                            payments or bill payments, ensuring a smooth user experience.\r\n                        </li>\r\n                    </ul>\r\n\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\" id=\"8\"\r\n                    (mouseout)=\"showpayment(false,'4')\">\r\n                    <h2>How PayG is Contributing to India's Digital Growth. </h2>\r\n                    <label for=\"\" class=\"mt-3\">PayG, as a prominent Payment Gateway\r\n                        company, plays a\r\n                        pivotal role in contributing to the growth and development of India's\r\n                        digital\r\n                        economy. Here are some ways in which PayG is helping India:\r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-4\"><b>Financial Inclusion:</b>&nbsp;\r\n                        PayG facilitates\r\n                        financial inclusion by providing a platform for businesses, including those\r\n                        in\r\n                        remote or underserved areas, to participate in digital transactions. This\r\n                        broadens access to financial services and promotes economic inclusivity.\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-4\"><b>Supporting Small and Medium\r\n                            Enterprises\r\n                            (SMEs):</b>&nbsp; PayG empowers small and medium enterprises by offering\r\n                        a\r\n                        secure and efficient means to accept digital payments. This not only\r\n                        enhances\r\n                        the credibility of these businesses but also contributes to their growth in\r\n                        the\r\n                        digital marketplace. </label>\r\n                    <label for=\"\" class=\"mt-4\"><b>E-commerce Growth: </b>&nbsp;The\r\n                        seamless\r\n                        integration\r\n                        of PayG into e-commerce platforms supports the thriving online marketplace\r\n                        in\r\n                        India. By providing a reliable and secure payment gateway, PayG facilitates\r\n                        smoother transactions for businesses and enhances the overall e-commerce\r\n                        experience for consumers. </label>\r\n                    <label for=\"\" class=\"mt-4\"><b>Enhancing User Experience:\r\n                        </b>&nbsp;PayG focuses\r\n                        on\r\n                        providing a user-friendly interface and a secure payment environment. This\r\n                        commitment to a positive user experience contributes to building trust in\r\n                        digital transactions and encourages more individuals to adopt cashless\r\n                        payment\r\n                        methods. </label>\r\n                    <label for=\"\" class=\"mt-4\"><b>Digital India\r\n                            Initiative:</b>&nbsp; PayG aligns\r\n                        with\r\n                        the Digital India initiative by promoting the use of digital payment\r\n                        methods.\r\n                        This supports the government's vision of a digitally empowered society and\r\n                        economy, reducing dependency on cash transactions. </label>\r\n                    <label for=\"\" class=\"mt-4\"><b>Fraud Prevention and\r\n                            Security:</b>&nbsp; PayG\r\n                        employs\r\n                        advanced security measures to protect users from fraudulent activities. By\r\n                        ensuring the integrity of digital transactions, PayG contributes to building\r\n                        a\r\n                        secure financial ecosystem. </label>\r\n                    <label for=\"\" class=\"mt-4\"><b>Educational and Healthcare\r\n                            Transactions:</b>&nbsp;\r\n                        PayG supports online payments in the education and healthcare sectors,\r\n                        making it\r\n                        easier for individuals to pay tuition fees, medical bills, and other related\r\n                        expenses. This contributes to the accessibility and efficiency of essential\r\n                        services. </label>\r\n                    <label for=\"\" class=\"mt-4\"><b>Government Services:</b>&nbsp;\r\n                        PayG's role extends\r\n                        to\r\n                        supporting digital transactions for government services, including tax\r\n                        payments\r\n                        and other official transactions. This aligns with the government's push for\r\n                        a\r\n                        more efficient and transparent governance system. </label>\r\n                    <label for=\"\" class=\"mt-4\">PayG's presence in the Indian market\r\n                        positively\r\n                        impacts\r\n                        various sectors. The company's commitment to providing secure, efficient,\r\n                        and\r\n                        user-friendly payment solutions contributes to the ongoing digital\r\n                        transformation in India. </label>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#5\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"videoHover\" [ngClass]=\"{'video':colors=='1'}\"\r\n                                    (click)=\"color('1')\">\r\n                                    Introduction to PayG </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#6\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\">\r\n\r\n                                    Introduction to\r\n                                    PayG </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#7\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\"> Key\r\n                                    features\r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#8\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    How PayG is helping India </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/ppt.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-8\">\r\n                            <a href=\"./assets/PPT/PayG Overview.pdf\" target=\"_blank\">\r\n                                <span style=\"cursor: pointer;\" class=\"pptHover\" [ngClass]=\"{'ppt':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    PayG </span>\r\n                            </a>\r\n                        </div>\r\n                        <div class=\"col-md-2\">\r\n                            <a href=\"./assets/PPT/PayG Overview.pdf\" download><img src=\"./assets/Downlod iconn.svg\" alt=\"\"\r\n                                    width=\"100%\"></a>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <!-- <a [routerLink]=\"['/payment-gateway-working']\"> <button class=\"btn  btn-color text-white\"\r\n                        (click)=\"menues('Payment Gateway Working')\">\r\n                        <img src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Payment Gateway Industry's Working\r\n                    </button></a> -->\r\n\r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/features']\"> <button class=\"btn btn-color text-white\"\r\n                        (click)=\"menues('features')\">Payg feature\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-pay-g-hindi',\r\n  templateUrl: './pay-g-hindi.component.html',\r\n  styleUrls: ['./pay-g-hindi.component.css']\r\n})\r\nexport class PayGHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>पे जी का परिचय: </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a> \r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"5\">\r\n                    <div style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/7V_om-dK_mU\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"6\">\r\n\r\n                    <label for=\"\" class=\"spn mt-2\">पे जी एक भारतीय वित्तीय प्रौद्योगिकी\r\n                        कंपनी है जो सभी प्रकार के व्यवसायों के लिए ऑनलाइन भुगतान समाधान प्रदान करती\r\n                        है। 2018 में स्थापित, पे जी का लक्ष्य भारत में सभी प्रकार के व्यवसायों के लिए\r\n                        ऑनलाइन भुगतान स्वीकार करने की प्रक्रिया को सरल बनाना और लेनदेन को आसान बनाना\r\n                        है। पे जी व्यवसायों के साथ उनकी विशिष्ट आवश्यकताओं के अनुरूप अनुकूलित भुगतान\r\n                        समाधान प्रदान करने के लिए काम करता है। यह लचीलापन व्यवसायों को अपने ग्राहकों\r\n                        के लिए भुगतान अनुभव को बेहतर बनाने की अनुमति देता है।</label>\r\n\r\n                    <label for=\"\" class=\"spn mt-1\">पे जी ने अपने उपयोगकर्ता-अनुकूल\r\n                        इंटरफेस, प्रतिस्पर्धी मूल्य निर्धारण और व्यवसायों और ग्राहकों को समान रूप से\r\n                        प्रदान की जाने वाली सुविधा के कारण भारतीय बाजार में लोकप्रियता हासिल की है।\r\n                        यह भारत में विश्वसनीय और कुशल भुगतान प्रसंस्करण समाधान तलाश रहे स्टार्टअप,\r\n                        छोटे व्यवसायों और बड़े उद्यमों के लिए एक पसंदीदा भुगतान गेटवे बन गया है।</label>\r\n                    <label for=\"\" class=\"spn mt-2\">पे जी ने भारत में डिजिटल भुगतान को\r\n                        अपनाने में महत्वपूर्ण भूमिका निभाई है। इसने व्यवसायों को अपने भुगतानों को\r\n                        प्रभावी ढंग से प्रबंधित करने के लिए एक सुरक्षित, विश्वसनीय और\r\n                        उपयोगकर्ता-अनुकूल मंच प्रदान करके ई-कॉमर्स और ऑनलाइन लेनदेन के विकास में\r\n                        योगदान दिया है।</label>\r\n                    <label for=\"\" class=\"spn mt-2\">पे जी एक भारतीय-आधारित ऑनलाइन पेमेंट\r\n                        गेटवे है। यह एक ऐसा मंच प्रदान करता है जो व्यापारियों को सुरक्षित ऑनलाइन\r\n                        भुगतान करने और बिलों का भुगतान आसानी से करने में सक्षम बनाता है। </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"7\">\r\n\r\n                    <ul class=\"mt-3\">\r\n                        <li class=\"mt-2\">\r\n                            यह एक मजबूत पेमेंट गेटवे प्रदान करता है जो व्यवसायों को क्रेडिट और डेबिट\r\n                            कार्ड, नेट बैंकिंग, यूपीआई, डिजिटल वॉलेट और अन्य सहित विभिन्न तरीकों से\r\n                            ऑनलाइन भुगतान स्वीकार करने की अनुमति देता है।\r\n                        </li>\r\n                        <li class=\"mt-2\">\r\n                            पे जी सदस्यता-आधारित बिलिंग मॉडल का भी समर्थन करता है, जिससे व्यवसायों को\r\n                            उन सेवाओं और उत्पादों के लिए आवर्ती भुगतान स्थापित करने की अनुमति मिलती\r\n                            है जिनके लिए आवधिक भुगतान की आवश्यकता होती है।\r\n                        </li>\r\n                        <li class=\"mt-2\">\r\n                            प्लेटफ़ॉर्म चालान बनाने और प्रबंधित करने के लिए टूल भी प्रदान करता है,\r\n                            जिससे व्यवसायों के लिए बिलिंग को संभालना और भुगतान स्थिति को ट्रैक करना\r\n                            आसान हो जाता है।\r\n                        </li>\r\n                        <li class=\"mt-2\">\r\n                            पे जी सुरक्षा और अनुपालन को प्राथमिकता देता है। यह भुगतान कार्ड उद्योग\r\n                            डेटा सुरक्षा मानक (PCI DSS ) स्तर 1 के अनुरूप है और संवेदनशील डेटा की\r\n                            सुरक्षा के लिए एन्क्रिप्शन और अन्य सुरक्षा उपायों का उपयोग करता है।\r\n                        </li>\r\n                        <li class=\"mt-2\">\r\n                            प्लेटफ़ॉर्म वास्तविक समय विश्लेषण और अंतर्दृष्टि प्रदान करता है,\r\n                            व्यवसायों को लेनदेन, ग्राहक व्यवहार और अन्य प्रदर्शन मेट्रिक्स पर\r\n                            मूल्यवान डेटा प्रदान करता है।\r\n                        </li>\r\n                        <li class=\"mt-2\">\r\n                            पे जी ऑनलाइन लेनदेन की सुरक्षा को प्राथमिकता देता है और भुगतान प्रसंस्करण\r\n                            के दौरान ग्राहक डेटा की सुरक्षा के लिए एन्क्रिप्शन और सुरक्षित सॉकेट\r\n                            लेयर (SSL) तकनीक जैसे विभिन्न सुरक्षा उपायों को नियोजित करता है।\r\n                        </li>\r\n                        <li class=\"mt-2\">\r\n                            पे जी भुगतान या बिल भुगतान से संबंधित किसी भी प्रश्न या समस्या के समाधान\r\n                            के लिए ग्राहक सहायता प्रदान करता है, जिससे एक सहज उपयोगकर्ता अनुभव\r\n                            सुनिश्चित होता है।\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\" id=\"8\"\r\n                    (mouseout)=\"showpayment(false,'4')\">\r\n                    <label for=\"\" class=\"mt-3\">पे जी, एक प्रमुख पेमेंट गेटवे कंपनी के\r\n                        रूप में, भारत की डिजिटल अर्थव्यवस्था की वृद्धि और विकास में योगदान देने में\r\n                        महत्वपूर्ण भूमिका निभाती है। यहां कुछ तरीके दिए गए हैं जिनसे पे जी भारत की\r\n                        मदद कर रहा है:</label>\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>वित्तीय समावेशन: </b>&nbsp; पे जी\r\n                        डिजिटल लेनदेन में भाग लेने के लिए दूरस्थ या कम सेवा वाले क्षेत्रों सहित\r\n                        व्यवसायों के लिए एक मंच प्रदान करके वित्तीय समावेशन की सुविधा प्रदान करता\r\n                        है। यह वित्तीय सेवाओं तक पहुंच को व्यापक बनाता है और आर्थिक समावेशिता को\r\n                        बढ़ावा देता है।</label>\r\n                    <label for=\"\" class=\"mt-4\"><b>छोटे और मध्यम उद्यमों (SMEs) का\r\n                            समर्थन करना: </b>&nbsp; पे जी डिजिटल भुगतान स्वीकार करने के लिए एक\r\n                        सुरक्षित और कुशल साधन प्रदान करके छोटे और मध्यम उद्यमों को सशक्त बनाता है।\r\n                        इससे न केवल इन व्यवसायों की विश्वसनीयता बढ़ती है बल्कि डिजिटल बाज़ार में</label>\r\n                    <label for=\"\" class=\"mt-4\"><b>ई-कॉमर्स ग्रोथ: </b>&nbsp;ई-कॉमर्स\r\n                        प्लेटफॉर्म में पे जी का निर्बाध एकीकरण भारत में संपन्न ऑनलाइन बाज़ार का\r\n                        समर्थन करता है। एक विश्वसनीय और सुरक्षित भुगतान गेटवे प्रदान करके, पे जी\r\n                        व्यवसायों के लिए आसान लेनदेन की सुविधा प्रदान करता है और उपभोक्ताओं के लिए</label>\r\n                    <label for=\"\" class=\"mt-4\"><b>उपयोगकर्ता अनुभव को बढ़ाना:\r\n                        </b>&nbsp;पे जी एक उपयोगकर्ता-अनुकूल इंटरफ़ेस और एक सुरक्षित भुगतान वातावरण\r\n                        प्रदान करने पर केंद्रित है। सकारात्मक उपयोगकर्ता अनुभव के प्रति यह\r\n                        प्रतिबद्धता डिजिटल लेनदेन में विश्वास बनाने में योगदान देती है और अधिक\r\n                        व्यक्तियों को कैशलेस भुगतान विधियों को अपनाने के लिए प्रोत्साहित करती है।</label>\r\n                        <label for=\"\" class=\"mt-4\"><b>डिजिटल इंडिया पहल: </b>&nbsp; पे जी\r\n                            डिजिटल भुगतान विधियों के उपयोग को बढ़ावा देकर डिजिटल इंडिया पहल के साथ\r\n                            जुड़ता है। यह नकद लेनदेन पर निर्भरता को कम करते हुए, डिजिटल रूप से सशक्त\r\n                            समाज और अर्थव्यवस्था के सरकार के दृष्टिकोण का समर्थन करता है।</label>\r\n\r\n                            <label for=\"\" class=\"mt-4\"><b>धोखाधड़ी की रोकथाम और\r\n                                    सुरक्षा:</b>&nbsp; पे जी उपयोगकर्ताओं को धोखाधड़ी वाली गतिविधियों\r\n                                से\r\n                                बचाने के लिए उन्नत सुरक्षा उपाय अपनाता है। डिजिटल लेनदेन की अखंडता\r\n                                सुनिश्चित\r\n                                करके, पे जी एक सुरक्षित वित्तीय पारिस्थितिकी तंत्र के निर्माण में\r\n                                योगदान देता</label>\r\n                                <label for=\"\" class=\"mt-4\"><b>शैक्षिक और स्वास्थ्य देखभाल\r\n                                        लेनदेन:</b>&nbsp;\r\n                                        पे जी शिक्षा और स्वास्थ्य सेवा क्षेत्रों में ऑनलाइन भुगतान का\r\n                                    समर्थन करता है,\r\n                                    जिससे व्यक्तियों के लिए ट्यूशन फीस, चिकित्सा बिल और अन्य संबंधित\r\n                                    खर्चों का\r\n                                    भुगतान करना आसान हो जाता है। यह आवश्यक सेवाओं की पहुंच और दक्षता\r\n                                    में योगदान</label>\r\n                                    <label for=\"\" class=\"mt-4\"> <b>सरकारी सेवाएँ:</b>&nbsp; पे जी की\r\n                                        भूमिका कर भुगतान और अन्य आधिकारिक लेनदेन सहित सरकारी सेवाओं\r\n                                        के लिए डिजिटल\r\n                                        लेनदेन का समर्थन करने तक फैली हुई है। यह अधिक कुशल और\r\n                                        पारदर्शी शासन प्रणाली</label>\r\n                                        <label for=\"\" class=\"mt-4\">भारतीय बाजार में पे जी की उपस्थिति\r\n                                            विभिन्न क्षेत्रों पर सकारात्मक प्रभाव डालती है।\r\n                                            सुरक्षित, कुशल और उपयोगकर्ता\r\n                                            के अनुकूल भुगतान समाधान प्रदान करने की कंपनी की\r\n                                            प्रतिबद्धता भारत में चल रहे\r\n                                            डिजिटल परिवर्तन में योगदान करती है।\r\n\r\n                                        </label>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    \r\n                        <h5>\r\n                            विषयसूची:\r\n                        </h5>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#5\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\" alt=\"\"> \r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"videoHover\" [ngClass]=\"{'video':colors=='1'}\"\r\n                                    (click)=\"color('1')\" >\r\n                                    पे जी का परिचय</span>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#6\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\" >\r\n\r\n                                    पे जी का परिचय  </span>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#7\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\" >  प्रमुख विशेषताऐं\r\n                                </span>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#8\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\" >\r\n                                    पे जी भारत की कैसे मदद कर रहा है? </span>\r\n                           \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/ppt.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-8\">\r\n                            <a href=\"./assets/PPT/Hindi PayG Overview.pdf\"\r\n                                target=\"_blank\">\r\n                                <span style=\"cursor: pointer;\" class=\"pptHover\" [ngClass]=\"{'ppt':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    पे जी  </span>\r\n                               \r\n                                </a>\r\n                        </div>\r\n                        <div class=\"col-md-2\">\r\n                            <a href=\"./assets/PPT/Hindi PayG Overview.pdf\" download><img src=\"./assets/Downloadss.svg\"\r\n                                    alt=\"\" width=\"100%\"></a>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n       \r\n                <a [routerLink]=\"['/payment-gateway-working']\">   <button class=\"btn  btn-color\" (click)=\"menues('Payment Gateway Working')\" >\r\n                    <img src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;पेमेंट गेटवे उद्योग की कार्यप्रणाली\r\n\r\n                </button></a>\r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n              \r\n                <a [routerLink]=\"['/e-agrement']\">   <button class=\"btn btn-color\" (click)=\"menues('E-Agreement')\"\r\n                    >ई-एग्रीमेंट\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","<app-pay-g *ngIf=\"english\"></app-pay-g>\r\n<app-pay-g-hindi *ngIf=\"hindi\"></app-pay-g-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-payg-main',\r\n  templateUrl: './payg-main.component.html',\r\n  styleUrls: ['./payg-main.component.css']\r\n})\r\nexport class PaygMainComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-pay-profile',\r\n  templateUrl: './pay-profile.component.html',\r\n  styleUrls: ['./pay-profile.component.css']\r\n})\r\nexport class PayProfileComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2 >Pay Profile</h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id=\"64\">\r\n                    \r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/fiAnbtH16Kw?si=vaIlO3JntZcLPgVv\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                \r\n                    \r\n                </div>\r\n         \r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'2')\"\r\n                    (mouseout)=\"showpayment(false,'2')\" id=\"65\">\r\n\r\n                    <label for=\"\" class=\"mt-2\" >The Pay Profile serves as your\r\n                        payment management\r\n                        hub. It streamlines and simplifies your collection operations while\r\n                        providing diverse solutions for your specific requirements. PayG is always\r\n                        ready to serve its merchants and is dedicated to ensuring the utmost ease\r\n                        and efficiency for our valued merchants, prioritizing a seamless experience\r\n                        that empowers your business operations, so PayG came up with the great idea\r\n                        of “Pay Profile”. Pay profile will surely help all our merchants create\r\n                        their own personalized and customized “Business profile” as it is just like\r\n                        a business webpage. With this new feature, your customers will know more\r\n                        about your business when you share your payment link or QR code with them.\r\n                        It is like a direct connection with your customers as they can know your\r\n                        business thoroughly through your profile. The merchants must provide all\r\n                        relevant business information in their Pay profile so that their customers\r\n                        have the best possibility of learning about them. The Pay profile can be\r\n                        created by the merchants as per their requirements as it is fully\r\n                        customizable and free of cost. Because of compliance and for the benefit of\r\n                        their customers, it is crucial for the merchant to provide all necessary\r\n                        information about their business, including a phone number and email\r\n                        address, so that they may be contacted in the event of an issue. The most\r\n                        important thing about the pay profile is the “Payment form” and it is also\r\n                        fully customizable. The merchant can select either the amount is fixed for\r\n                        all, the customers can choose the amount they want to pay or create a\r\n                        catalog. In the realm of accepting payments from customers, merchants often\r\n                        encounter two distinct scenarios: when the customers are familiar to them,\r\n                        and when they are not. Recognizing this challenge, PayG has introduced a\r\n                        strategic solution in the form of 'Smart Collect' and 'Easy Collect'\r\n                        features. Below is a detailed explanation of the features: </label>\r\n                  \r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\"\r\n                    (mouseout)=\"showpayment(false,'3')\" id=\"66\">\r\n                    <h2 >Smart collect </h2>\r\n                    <label for=\"\" class=\"mt-2\" >When the customers are known, and\r\n                        their details are\r\n                        available to the merchants then this feature “Smart collect” can be used.\r\n                        For a better understanding let’s take an example from our daily life. For\r\n                        instance, let's consider the government's electricity department. They are\r\n                        responsible for collecting electricity bills from a specific state. All the\r\n                        residents' information in that state is already stored in government\r\n                        records. So, they can simply select and set up a \"smart collection profile\"\r\n                        within PayG. Now further, the electricity department has two choices of\r\n                        creating bulk links by uploading an Excel file in their “Pay profile” and\r\n                        all the data gets retrieved from there and through the link created, the\r\n                        customers can pay their bills. The second option comes into play when due to\r\n                        some condition, a customer is left behind and unable to access that link and\r\n                        pay the bill so the electricity department can share a common link and by\r\n                        entering details like customer ID, address, etc., the customer can pay the\r\n                        bill. Also in smart collect, the merchant will be aware of how much money\r\n                        will be coming from the customers, so PayG uses a Pie chart in the\r\n                        merchant's Smart collect dashboard. </label>\r\n                                  </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'4')\"\r\n                    (mouseout)=\"showpayment(false,'4')\" id=\"67\">\r\n                    <h2 >Easy collect </h2>\r\n                    <label for=\"\" class=\"mt-2\" >\r\n                        This is the feature in which the customers are unknown to the merchants. For\r\n                        example, when we go to a restaurant, we are unknown to the restaurant\r\n                        owner/merchant, and our details are unknown to the merchants we just go and\r\n                        pay, in this case, Easy Collect can be used by the merchants as a single\r\n                        link can be used by multiple customers. Also, for donations Easy Collect is\r\n                        used as the merchant is unaware of the amount as well as the customers. In\r\n                        Easy Collect, merchants can make a catalog as well, if they have different\r\n                        products in their business and the rate list is different for those\r\n                        products. For instance, if the merchant owns an amusement park and they have\r\n                        different zones in their park like kids' zone, adult zone, and eating zone\r\n                        the payment for them is different. So, the merchant can create a catalog in\r\n                        “Easy collect” and can generate a QR code and when the customers scan the QR\r\n                        code, they can choose the option either they want to pay for the kids’ zone,\r\n                        adult zone, the eating zone, or for all. The payment here is prefilled by\r\n                        the merchants while creating the profile.\r\n                    </label>\r\n                \r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'5')\"\r\n                    (mouseout)=\"showpayment(false,'5')\" id=\"68\">\r\n                    <h2 >Pay Profile features: </h2>\r\n                    <label for=\"\" class=\"\" >Certainly, here are some key features and\r\n                        benefits of the\r\n                        Pay Profile: </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>Personalized Business Profile:</b>\r\n                        Pay Profile\r\n                        enables merchants to create their own personalized and customized Business\r\n                        Profile. This provides a platform to showcase important business information\r\n                        and offerings. </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>Enhanced Customer Insight:</b> By\r\n                        sharing their\r\n                        payment link or QR code through Pay Profile, merchants can provide customers\r\n                        with comprehensive insights into their business. Customers can learn more\r\n                        about the merchant's services, products, contact information, and more.\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>Streamlined Payment Collection\r\n                        </b> <br>\r\n\r\n                        Pay Profile simplifies the payment collection process by offering a\r\n                        user-friendly interface for both merchants and customers. This convenience\r\n                        can lead to increased sales and customer satisfaction. </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>Professional Appearance </b> <br>\r\n\r\n                        The business profile created through Pay Profile adds a professional touch\r\n                        to the merchant's payment collection process, enhancing the trust and\r\n                        credibility of the business. </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>Marketing and Branding</b> <br>\r\n\r\n                        Merchants can leverage their Pay Profile as a marketing tool to promote\r\n                        their brand, products, and services. It provides an additional avenue for\r\n                        brand exposure and customer engagement.</label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>Centralized Payment Management\r\n                        </b> <br>\r\n\r\n                        Merchants can manage payment-related activities, including tracking\r\n                        transactions, issuing refunds, and viewing payment history, all from a\r\n                        centralized platform.</label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>Accessibility</b> <br>\r\n\r\n                        Pay Profile is accessible to customers through payment links or QR codes,\r\n                        making it convenient for customers to access business information and make\r\n                        payments using their preferred methods. </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>Scalability</b> <br>\r\n\r\n                        Pay Profile can scale with the growth of the merchant's business,\r\n                        accommodating an increasing number of customers and transactions. </label>\r\n                                  </div>\r\n            </div>\r\n        </div>\r\n   </div>\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5 >\r\n                        Table of Contents:\r\n                    </h5>\r\n                  \r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#64\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >What is\r\n                                    PayG’s Pay profile? </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"https://www.youtube.com/embed/smrgAnqUvSo\" target=\"_blank\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"pdfHover\"\r\n                                    [ngClass]=\"{'video':colors=='6'}\" (click)=\"color('6')\"\r\n                                    >\r\n                                    Registrations in Hospitality Industry</span>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"https://www.youtube.com/embed/4o9XW0B-JaY\" target=\"_blank\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"pdfHover\"\r\n                                    [ngClass]=\"{'video':colors=='6'}\" (click)=\"color('6')\"\r\n                                    >\r\n                                    Collect Donations with Pay Profile </span>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                \r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#65\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                                    >What is\r\n                                    PayG’s Pay profile? </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                \r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#66\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                                    >\r\n                                    Smart Collect </span>\r\n                         \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-0\">\r\n                    <a href=\"#67\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                                    >Easy\r\n                                    Collect </span>\r\n                        \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-0\">\r\n                    <a href=\"#68\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='5'}\" (click)=\"color('5')\"\r\n                                    >Features\r\n                                    of Pay Profile </span>\r\n                             \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/disputes']\">  <button class=\"btn btn-color\" (click)=\"menues('Disputes')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp; Disputes\r\n                </button></a>\r\n                \r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/easy-collect']\">   <button class=\"btn btn-color\" (click)=\"menues('Easy Collect')\" > Easy\r\n                    Collect\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n               \r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    </div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-pay-profile-hindi',\r\n  templateUrl: './pay-profile-hindi.component.html',\r\n  styleUrls: ['./pay-profile-hindi.component.css']\r\n})\r\nexport class PayProfileHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                   \r\n                    <h2 >पे प्रोफ़ाइल </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'2')\"\r\n                    (mouseout)=\"showpayment(false,'2')\" id=\"65\">\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id=\"64\">\r\n                    \r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/fiAnbtH16Kw?si=vaIlO3JntZcLPgVv\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                \r\n                    <!--<div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/t4vkDWertB0\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>-->\r\n                </div>\r\n               \r\n\r\n                    \r\n                    <label for=\"\" class=\"mt-2\" >पे प्रोफाइल आपके भुगतान प्रबंधन केंद्र\r\n                        के रूप में कार्य करता है। यह आपकी विशिष्ट आवश्यकताओं के लिए विविध समाधान\r\n                        प्रदान करते हुए आपके संग्रह संचालन को सुव्यवस्थित और सरल बनाता है। PayG\r\n                        हमेशा अपने व्यापारियों की सेवा करने के लिए तैयार है और हमारे मूल्यवान\r\n                        व्यापारियों के लिए अत्यधिक सहजता और दक्षता सुनिश्चित करने के लिए समर्पित है,\r\n                        एक सहज अनुभव को प्राथमिकता देता है जो आपके व्यवसाय संचालन को सशक्त बनाता है,\r\n                        इसलिए PayG \"पे प्रोफाइल\" का महान विचार लेकर आया। पे प्रोफाइल निश्चित रूप से\r\n                        हमारे सभी व्यापारियों को अपनी व्यक्तिगत और अनुकूलित \"बिजनेस प्रोफाइल\" बनाने\r\n                        में मदद करेगी क्योंकि यह एक बिजनेस वेबपेज की तरह ही है। इस नई सुविधा के साथ,\r\n                        आपके ग्राहक आपके व्यवसाय के बारे में तब अधिक जान पाएंगे जब आप उनके साथ अपना\r\n                        भुगतान लिंक या क्यूआर कोड साझा करेंगे। यह आपके ग्राहकों के साथ सीधे संबंध की\r\n                        तरह है क्योंकि वे आपकी प्रोफ़ाइल के माध्यम से आपके व्यवसाय को पूरी तरह से\r\n                        जान सकते हैं। व्यापारियों को अपनी पे प्रोफ़ाइल में सभी प्रासंगिक व्यावसायिक\r\n                        जानकारी प्रदान करनी होगी ताकि उनके ग्राहकों को उनके बारे में जानने की\r\n                        सर्वोत्तम संभावना हो। पे प्रोफ़ाइल व्यापारियों द्वारा उनकी आवश्यकताओं के\r\n                        अनुसार बनाई जा सकती है क्योंकि यह पूरी तरह से अनुकूलन योग्य और निःशुल्क है।\r\n                        अनुपालन के कारण और अपने ग्राहकों के लाभ के लिए, व्यापारी के लिए फ़ोन नंबर और\r\n                        ईमेल पते सहित अपने व्यवसाय के बारे में सभी आवश्यक जानकारी प्रदान करना\r\n                        महत्वपूर्ण है, ताकि किसी समस्या की स्थिति में उनसे संपर्क किया जा सके। पे\r\n                        प्रोफ़ाइल के बारे में सबसे महत्वपूर्ण बात \"भुगतान फ़ॉर्म\" है और यह पूरी तरह\r\n                        से अनुकूलन योग्य भी है। व्यापारी चुन सकता है कि या तो राशि सभी के लिए तय है,\r\n                        ग्राहक वह राशि चुन सकते हैं जो वे भुगतान करना चाहते हैं या एक कैटलॉग बना\r\n                        सकते हैं। ग्राहकों से भुगतान स्वीकार करने के क्षेत्र में, व्यापारियों को\r\n                        अक्सर दो अलग-अलग परिदृश्यों का सामना करना पड़ता है: जब ग्राहक उनसे परिचित\r\n                        होते हैं, और जब वे नहीं होते हैं। इस चुनौती को पहचानते हुए, PayG ने 'स्मार्ट\r\n                        कलेक्ट' और 'ईज़ी कलेक्ट' सुविधाओं के रूप में एक रणनीतिक समाधान पेश किया है।\r\n                        नीचे सुविधाओं का विस्तृत विवरण दिया गया है: </label>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\"\r\n                    (mouseout)=\"showpayment(false,'3')\" id=\"66\">\r\n                     <h2 >स्मार्ट कलेक्ट </h2>\r\n                    <label for=\"\" class=\"mt-2\" >जब ग्राहक ज्ञात हों और उनका विवरण\r\n                        व्यापारियों के पास उपलब्ध हो तो इस सुविधा \"स्मार्ट कलेक्ट\" का उपयोग किया जा\r\n                        सकता है। बेहतर समझ के लिए आइए अपने दैनिक जीवन से एक उदाहरण लें। उदाहरण के\r\n                        लिए, आइए सरकार के बिजली विभाग पर विचार करें। वे एक विशिष्ट राज्य से बिजली\r\n                        बिल एकत्र करने के लिए जिम्मेदार हैं। उस राज्य के सभी निवासियों की जानकारी\r\n                        पहले से ही सरकारी रिकॉर्ड में संग्रहीत है। तो, वे बस PayG के भीतर एक\r\n                        \"स्मार्ट कलेक्शन प्रोफ़ाइल\" का चयन और सेट अप कर सकते हैं। अब आगे, बिजली\r\n                        विभाग के पास अपने \"पे प्रोफाइल\" में एक एक्सेल फ़ाइल अपलोड करके बल्क लिंक\r\n                        बनाने के दो विकल्प हैं और सारा डेटा वहां से पुनर्प्राप्त हो जाता है और बनाए\r\n                        गए लिंक के माध्यम से, ग्राहक अपने बिलों का भुगतान कर सकते हैं। दूसरा विकल्प\r\n                        तब काम में आता है जब किसी स्थिति के कारण, कोई ग्राहक पीछे रह जाता है और उस\r\n                        लिंक तक पहुंचने और बिल का भुगतान करने में असमर्थ होता है, इसलिए बिजली विभाग\r\n                        एक सामान्य लिंक साझा कर सकता है और ग्राहक आईडी, पता आदि जैसे विवरण दर्ज\r\n                        करके, ग्राहक बिल का भुगतान कर सकता है. साथ ही स्मार्ट कलेक्ट में, व्यापारी\r\n                        को पता होगा कि ग्राहकों से कितना पैसा आएगा, इसलिए PayG व्यापारी के स्मार्ट\r\n                        कलेक्ट डैशबोर्ड में एक पाई चार्ट का उपयोग करता है। </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'4')\"\r\n                    (mouseout)=\"showpayment(false,'4')\" id=\"67\">\r\n                  \r\n                    <h2 >आसान संग्रह </h2>\r\n                    <label for=\"\" class=\"mt-2\" >\r\n                        यह वह सुविधा है जिसमें ग्राहक व्यापारियों के लिए अज्ञात होते हैं। उदाहरण के\r\n                        लिए, जब हम किसी रेस्तरां में जाते हैं, तो हम रेस्तरां के मालिक/व्यापारी के\r\n                        लिए अज्ञात होते हैं, और हमारे विवरण उन व्यापारियों के लिए अज्ञात होते हैं,\r\n                        जिनके पास हम जाते हैं और भुगतान करते हैं, इस मामले में, ईज़ी कलेक्ट का उपयोग\r\n                        व्यापारियों द्वारा एकल लिंक के रूप में किया जा सकता है। कई ग्राहकों द्वारा\r\n                        उपयोग किया जा सकता है। इसके अलावा, दान के लिए ईज़ी कलेक्ट का उपयोग किया जाता\r\n                        है क्योंकि व्यापारी राशि के साथ-साथ ग्राहकों से भी अनजान होता है। ईज़ी\r\n                        कलेक्ट में, व्यापारी एक कैटलॉग भी बना सकते हैं, यदि उनके व्यवसाय में अलग-अलग\r\n                        उत्पाद हैं और उन उत्पादों के लिए दर सूची अलग है। उदाहरण के लिए, यदि व्यापारी\r\n                        के पास एक मनोरंजन पार्क है और उनके पार्क में अलग-अलग क्षेत्र हैं जैसे कि\r\n                        बच्चों का क्षेत्र, वयस्क क्षेत्र और खाने का क्षेत्र, तो उनके लिए भुगतान\r\n                        अलग-अलग है। इसलिए, व्यापारी \"ईज़ी कलेक्ट\" में एक कैटलॉग बना सकता है और एक\r\n                        क्यूआर कोड उत्पन्न कर सकता है और जब ग्राहक क्यूआर कोड को स्कैन करते हैं, तो\r\n                        वे विकल्प चुन सकते हैं या तो वे बच्चों के क्षेत्र, वयस्क क्षेत्र, खाने के\r\n                        क्षेत्र के लिए भुगतान करना चाहते हैं। , या सभी के लिए. प्रोफ़ाइल बनाते समय\r\n                        व्यापारियों द्वारा यहां भुगतान पहले से भरा जाता है।\r\n                    </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'5')\"\r\n                    (mouseout)=\"showpayment(false,'5')\" id=\"68\">\r\n                   <h2 >पे प्रोफाइल विशेषताएं: </h2>\r\n                    <label for=\"\" class=\"\" >निश्चित रूप से, यहां पे प्रोफाइल की कुछ\r\n                        प्रमुख विशेषताएं और लाभ दिए गए हैं: </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>वैयक्तिकृत व्यावसायिक प्रोफ़ाइल:</b>\r\n                        पे प्रोफ़ाइल व्यापारियों को अपनी व्यक्तिगत और अनुकूलित व्यावसायिक प्रोफ़ाइल\r\n                        बनाने में सक्षम बनाती है। यह महत्वपूर्ण व्यावसायिक जानकारी और पेशकशों को\r\n                        प्रदर्शित करने के लिए एक मंच प्रदान करता है। </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>उन्नत ग्राहक अंतर्दृष्टि:</b>पे\r\n                        प्रोफाइल के माध्यम से अपने भुगतान लिंक या क्यूआर कोड को साझा करके, व्यापारी\r\n                        ग्राहकों को उनके व्यवसाय के बारे में व्यापक जानकारी प्रदान कर सकते हैं।\r\n                        ग्राहक व्यापारी की सेवाओं, उत्पादों, संपर्क जानकारी और बहुत कुछ के बारे में\r\n                        अधिक जान सकते हैं।\r\n\r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>सुव्यवस्थित भुगतान संग्रह </b> <br>\r\n\r\n                        पे प्रोफाइल व्यापारियों और ग्राहकों दोनों के लिए उपयोगकर्ता के अनुकूल\r\n                        इंटरफेस की पेशकश करके भुगतान संग्रह प्रक्रिया को सरल बनाता है। इस सुविधा से\r\n                        बिक्री और ग्राहक संतुष्टि में वृद्धि हो सकती है। </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>व्यावसायिक उपस्थिति </b> <br>\r\n\r\n                        पे प्रोफाइल के माध्यम से बनाई गई व्यावसायिक प्रोफ़ाइल व्यापारी की भुगतान\r\n                        संग्रह प्रक्रिया में एक पेशेवर स्पर्श जोड़ती है, जिससे व्यवसाय का विश्वास और\r\n                        विश्वसनीयता बढ़ती है। </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>विपणन और ब्रांडिंग </b> <br>व्यापारी\r\n                        अपने ब्रांड, उत्पादों और सेवाओं को बढ़ावा देने के लिए मार्केटिंग टूल के रूप\r\n                        में अपनी पे प्रोफाइल का लाभ उठा सकते हैं। यह ब्रांड एक्सपोज़र और ग्राहक\r\n                        जुड़ाव के लिए एक अतिरिक्त अवसर प्रदान करता है। </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>केंद्रीकृत भुगतान प्रबंधन </b> <br>\r\n\r\n                        व्यापारी भुगतान संबंधी गतिविधियों का प्रबंधन कर सकते हैं, जिसमें लेनदेन पर\r\n                        नज़र रखना, रिफंड जारी करना और भुगतान इतिहास देखना शामिल है, यह सब एक\r\n                        केंद्रीकृत मंच से। </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>सरल उपयोग </b> <br>पे प्रोफाइल\r\n                        ग्राहकों के लिए भुगतान लिंक या क्यूआर कोड के माध्यम से सुलभ है, जिससे\r\n                        ग्राहकों के लिए व्यावसायिक जानकारी तक पहुंचना और अपने पसंदीदा तरीकों का\r\n                        उपयोग करके भुगतान करना सुविधाजनक हो जाता है।\r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>अनुमापकता </b> <br>पे प्रोफाइल\r\n                        व्यापारी के व्यवसाय की वृद्धि के साथ-साथ ग्राहकों और लेनदेन की बढ़ती संख्या\r\n                        को समायोजित कर सकता है। </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n   </div>\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    \r\n                    <h5 >\r\n                        विषयसूची :\r\n                    </h5>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#64\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                               \r\n                                <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >पे जी की पे प्रोफ़ाइल क्या है? </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"https://www.youtube.com/embed/t4vkDWertB0\" target=\"_blank\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"pdfHover\"\r\n                                    [ngClass]=\"{'video':colors=='5'}\" (click)=\"color('5')\"\r\n                                    >\r\n                                    पे जी की पे प्रोफ़ाइल क्या है? </span>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"https://www.youtube.com/embed/FXIMek45_-s\" target=\"_blank\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"pdfHover\"\r\n                                    [ngClass]=\"{'video':colors=='6'}\" (click)=\"color('6')\"\r\n                                    >\r\n                                    पे प्रोफाइल के साथ दान एकत्र करें </span>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <!--<div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#65\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                              \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                                    >PayG की पे प्रोफ़ाइल क्या है? </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>-->\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#66\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                                    >\r\n                                    स्मार्ट कलेक्ट </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-0\">\r\n                    <a href=\"#67\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                            \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                                    >आसान संग्रहण </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-0\">\r\n                    <a href=\"#68\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                              \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='5'}\" (click)=\"color('5')\"\r\n                                    >पे प्रोफ़ाइल की विशेषताएं </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/disputes']\">    <button class=\"btn btn-color\" (click)=\"menues('Disputes')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp; डिस्प्यूट्स\r\n                </button></a>\r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n              \r\n                <a [routerLink]=\"['/easy-collect']\">  <button class=\"btn btn-color\" (click)=\"menues('Easy Collect')\" > ईजी\r\n                    कलेक्ट\r\n\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    </div>","<app-pay-profile *ngIf=\"english\"></app-pay-profile>\r\n<app-pay-profile-hindi *ngIf=\"hindi\"> </app-pay-profile-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-main-profile',\r\n  templateUrl: './main-profile.component.html',\r\n  styleUrls: ['./main-profile.component.css']\r\n})\r\nexport class MainProfileComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-easy-collect',\r\n  templateUrl: './easy-collect.component.html',\r\n  styleUrls: ['./easy-collect.component.css']\r\n})\r\nexport class EasyCollectComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id=\"105\">\r\n                    <h2>Easy Collect</h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button\r\n                            class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\"\r\n                                (click)=\"menues('share-button')\" alt=\"\"> </button> </a>\r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"105\">\r\n\r\n\r\n                    <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"5\">\r\n                        <div style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n    \r\n                            <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/4o9XW0B-JaY?si=g6yaNdmeY1WRniMm\"\r\n                                title=\"YouTube video player\" frameborder=\"0\"\r\n                                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                                allowfullscreen></iframe>\r\n                        </div>\r\n                    </div>\r\n                    \r\n                    <!--<div class=\"col-md-10 col10 mt-2\" (mouseover)=\"showpayment(true,'5')\"\r\n                (mouseout)=\"showpayment(false,'5')\" id=\"100\">\r\n                    <h2>Workflow</h2>\r\n                </div>\r\n                \r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'5')\"\r\n                (mouseout)=\"showpayment(false,'5')\" id=\"100\">\r\n                    <img src=\"./assets/GIF/Creating Pay Button.gif\" width=\"95%\" height=\"95%\"\r\n                 alt=\"\" style=\"border-radius: 10px;\">\r\n                 </div>-->\r\n                    <div class=\"col-md-10 col10 mt-2\" (mouseover)=\"showpayment(true,'2')\"\r\n                        (mouseout)=\"showpayment(false,'2')\" id=\"53\">\r\n                        <h2>Use cases of Easy Collect </h2>\r\n                    </div>\r\n\r\n                    <div class=\"col-md-12  mt-2\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <label for=\"\" class=\"mt-2\">\r\n                                <h3>Donations </h3>Easy Collect streamlines the process of collecting\r\n                                donations for various causes. Merchants, such as non-profit\r\n                                organizations or fundraising campaigns, can utilize the Easy Collect\r\n                                profile to set up seamless and secure donation processes. This feature\r\n                                allows donors to contribute easily with just a few clicks, leveraging\r\n                                the convenience of online transactions.\r\n                            </label>\r\n                            <label for=\"\" class=\"mt-4\">\r\n                                <h3>Registration Fee Collection </h3>For events, workshops, or\r\n                                memberships that require registration fees, Easy Collect simplifies the\r\n                                fee collection process. Merchants can set up customized payment\r\n                                structures for different types of registrations, making it easy for\r\n                                participants to pay online. This not only reduces the administrative\r\n                                burden of handling physical payments but also enhances the overall\r\n                                registration experience for participants.\r\n                            </label>\r\n                            <label for=\"\" class=\"mt-4\">\r\n                                <h3>Real Estate </h3>In the real estate industry, Easy Collect\r\n                                facilitates the collection of payments related to property transactions,\r\n                                such as down payments, rent, or maintenance fees. Property owners or\r\n                                real estate agencies can leverage this feature to offer tenants or\r\n                                buyers a convenient and secure way to make payments.\r\n                            </label>\r\n                            <label for=\"\" class=\"mt-4\">\r\n                                <h3>Insurance </h3>Insurance premiums and payments can be efficiently\r\n                                managed through Easy Collect. Insurance companies can integrate this\r\n                                feature into their online platforms to enable policyholders to pay\r\n                                premiums seamlessly. This reduces the likelihood of payment delays and\r\n                                ensures that policies remain active.\r\n                            </label>\r\n\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'3')\"\r\n                            (mouseout)=\"showpayment(false,'3')\" id=\"54\">\r\n                            <h2>How to create an Easy collect profile:</h2>\r\n                            <label for=\"\" class=\"mt-4\"><b>Step 1:</b> Sign up for a PayG\r\n                                account. If you\r\n                                already have an account, log in with your credentials.\r\n\r\n                                <br><b>Step 2:</b> Navigate to the Pay Profile section and create a new\r\n                                profile.\r\n\r\n                                <br><b>Step 3:</b> Fill in the business details and payment details\r\n\r\n                                <br><b>Step 4:</b> Configure the Payment Receipt settings.\r\n\r\n                                <br><b>Step 5:</b> Adjust the Pay Profile configuration.\r\n\r\n                                <br><b>Step 6:</b> Share your profile with your customers and begin\r\n                                accepting payments.</label>\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <h3>Sign in to your PayG account.</h3>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-4\">\r\n                                <img src=\"./assets/login.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <label for=\"\" class=\"mt-4\">\r\n                                <h3>On the left-hand side of the dashboard, there will\r\n                                    be an option for\r\n                                    “Pay Profile” Click on that and your Pay Profile dashboard will\r\n                                    open.</h3>\r\n\r\n                            </label>\r\n\r\n                            <div class=\"row mt-4\">\r\n                                <img src=\"./assets/dashboard.png\" alt=\"\" width=\"80%\" height=\"80%\">\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <label for=\"\">On the right-hand side of the Pay Profile\r\n                                dashboard, click on\r\n                                'Create New Pay Profile'.</label>\r\n\r\n                            <img src=\"./assets/easy3.png\" alt=\"\" class=\"row mt-4\" width=\"100%\" height=\"80%\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <label for=\"\">Among the two options “Smart collect” or “Easy\r\n                                collect” select\r\n                                “Easy Collect”.</label>\r\n\r\n                            <img src=\"./assets/easy4.png\" alt=\"\" width=\"100%\" height=\"80%\" class=\"mt-4\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <label for=\"\">In the next step, select your desired\r\n                                template. In the “Custom\r\n                                field,” you can create your own template as per your needs. It is fully\r\n                                customizable. </label>\r\n\r\n                            <img src=\"./assets/easy5.png\" alt=\"\" width=\"80%\" height=\"80%\" class=\"mt-4\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <label for=\"\">Choose a template color as per your company’s\r\n                                branding and\r\n                                then fill in all of the essential details in the first step, \"Setup\r\n                                Profile.\" You can add as many fields as you need in this area</label>\r\n\r\n                            <img src=\"./assets/easy6.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <label for=\"\">Click on 'Add Field' to include fields in your\r\n                                business\r\n                                details and add terms and conditions according to your company or\r\n                                organization's requirements</label>\r\n\r\n                            <img src=\"./assets/easy7.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <label for=\"\">Moving to the next stage, \"Payment Receipt\",\r\n                                you can include\r\n                                fields by selecting an input type based on what you need and how much\r\n                                information you require from customers. Your customers will see these\r\n                                fields, and they need to fill in their details.\r\n\r\n                                For example, You need to take the Name, Email ID, Mobile number, Date of\r\n                                Birth, and Gender of your customers so you can select Text fields,\r\n                                Email, Mobile Number, Date Picker, and Radio Button respectively as\r\n                                input fields. And you can keep the fields mandatory or not as per your\r\n                                requirement. </label>\r\n\r\n                            <img src=\"./assets/easy8.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                            <br><img src=\"./assets/easy9.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <label for=\"\">It will look like this after creating fields.\r\n                            </label>\r\n                            <br>\r\n                            <img src=\"./assets/easy10.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <label for=\"\">Then select “Amount Type”, how you want to\r\n                                collect payment.\r\n                            </label>\r\n                            <img src=\"./assets/easy11.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <label for=\"\"><b>Fixed amount:</b>If you wish to set the\r\n                                price for a product\r\n                                without giving the customer the option to choose the amount, select this\r\n                                option. For instance, as an event organizer, if you're selling tickets\r\n                                at a fixed price of ₹100 each and want customers to pay that specific\r\n                                amount, you would choose the fixed price option. </label>\r\n                            <label for=\"\" class=\"mt-4\"><b>Create Catalogue:</b> Create a\r\n                                catalogue to\r\n                                collect donations for various things </label>\r\n                            <label for=\"\" class=\"mt-4\"><b>Create a Hierarchical\r\n                                    catalog:</b> It is used\r\n                                when you want to add inventories and different categories. </label>\r\n                            <label for=\"\" class=\"mt-4\"><b>User Decides amount:</b> This\r\n                                feature allows\r\n                                your customers to choose the amount for the product or service. For\r\n                                instance, it can be utilized for donations or similar scenarios.\r\n                            </label>\r\n\r\n\r\n                            <img src=\"./assets/easy12.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <label for=\"\">It will be shown like this to your customers:\r\n                            </label>\r\n                            <br>\r\n                            <img src=\"./assets/easy13.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <label for=\"\">The next step is “Payment Receipt Settings”.\r\n                                Select as per\r\n                                your requirement and move to the next step.  </label>\r\n\r\n                            <img src=\"./assets/easy14.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <label for=\"\">In the \"Pay Profile Settings\" section, you\r\n                                have options to set\r\n                                up a custom URL. You can personalize the URL or opt for a randomly\r\n                                generated one by selecting \"Create a random URL\". Additionally, you can\r\n                                enable partial payment for your customers. Set the date and time for\r\n                                when your profile should become active. You have the choice to include a\r\n                                button for your profile and a QR code. Pick your preferences and then\r\n                                click the \"Next\" button to create your profile.  </label>\r\n\r\n                            <img src=\"./assets/easy15.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <label for=\"\">You can copy the link and download the QR code\r\n                                to send it to\r\n                                your customers. Additionally, you can share it with your customers on\r\n                                their mobile numbers or email</label>\r\n\r\n                            <img src=\"./assets/easy16.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\"><br>\r\n                            <img src=\"./assets/easy17.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <label for=\"\">After creating your profile, you'll be\r\n                                directed to your\r\n                                dashboard where you can view the profile you've just created. You can\r\n                                check the profile's status, the total number of profiles you've created,\r\n                                the number of views your profile has received, and the total revenue\r\n                                generated from it</label>\r\n\r\n                            <img src=\"./assets/easy18.png\" alt=\"\" width=\"100%\" height=\"80%\" class=\"mt-4\">\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n        <div class=\"col-md-4 hide-tbl content2 \">\r\n            <div class=\"card crd p-4\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                        <h5>\r\n                            Table of Contents:\r\n                        </h5>\r\n\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <a href=\"#105\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                        alt=\"\">\r\n                                    &nbsp;</div>\r\n                                <div class=\"col-md-10\">\r\n                                    <span style=\"cursor: pointer;\" class=\"pdfHover\" [ngClass]=\"{'video':colors=='1'}\"\r\n                                        (click)=\"color('1')\">\r\n                                        What is\r\n                                        Easy Collect? </span>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    </div>\r\n                    <!--<div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#100\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/GIF/GIF.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                </div>\r\n                            <div class=\"col-md-10 mt-1\" >\r\n                               \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='5'}\" (click)=\"color('5')\"\r\n                                    >\r\n                                    Workflow</span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>-->\r\n\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <a href=\"#53\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                        alt=\"\">\r\n                                    &nbsp;</div>\r\n                                <div class=\"col-md-10\">\r\n                                    <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                        (click)=\"color('2')\"> Use Cases\r\n                                        of Easy Collect </span>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <a href=\"#54\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                        alt=\"\">\r\n                                    &nbsp;</div>\r\n                                <div class=\"col-md-10\">\r\n                                    <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                        (click)=\"color('3')\">\r\n                                        How to Create an Easy Collect Profile </span>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <a href=\"https://payg.in/customer/#/pay-profile/MTczMzkxNTkzOTMzNTky\" target=\"_blank\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img src=\"./assets/devloper.svg\" class=\"tab-icon intro\"\r\n                                        alt=\"\">\r\n                                    &nbsp;</div>\r\n                                <div class=\"col-md-10\">\r\n                                    <span style=\"cursor: pointer;\" class=\"textHover2\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                        (click)=\"color('4')\">\r\n                                        Demo Profile for Seminar Registration</span>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    </div>\r\n                    <!-- <div class=\"col-md-12 mt-3\">\r\n                        <a href=\"https://payg.in/customer/#/pay-profile/MTcwMjA3MTk4OQ\" target=\"_blank\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img src=\"./assets/devloper.svg\" class=\"tab-icon intro\"\r\n                                        alt=\"\">\r\n                                    &nbsp;</div>\r\n                                <div class=\"col-md-10\">\r\n                                    <span style=\"cursor: pointer;\" class=\"textHover2\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                        (click)=\"color('4')\">\r\n                                        Demo profile for Real Estate</span>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <a href=\"https://payg.in/customer/#/pay-profile/MTcwODA4OTg1MQ\" target=\"_blank\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img src=\"./assets/devloper.svg\" class=\"tab-icon intro\"\r\n                                        alt=\"\">\r\n                                    &nbsp;</div>\r\n                                <div class=\"col-md-10\">\r\n                                    <span style=\"cursor: pointer;\" class=\"textHover2\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                        (click)=\"color('4')\">\r\n                                        Demo profile for Collecting Insurance</span>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <a href=\"https://payg.in/customer/#/pay-profile/MTcwODM4MTI2NA\" target=\"_blank\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img src=\"./assets/devloper.svg\" class=\"tab-icon intro\"\r\n                                        alt=\"\">\r\n                                    &nbsp;</div>\r\n                                <div class=\"col-md-10\">\r\n                                    <span style=\"cursor: pointer;\" class=\"textHover2\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                        (click)=\"color('4')\">\r\n                                        Demo profile for Seminar Registration</span>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    </div> -->\r\n                    <div class=\"col-md-12 mt-2\">\r\n\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/ppt.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-8\">\r\n                                <a href=\"./assets/PPT/Pay Profile Easy Collect new.pdf\" target=\"_blank\">\r\n                                    <span style=\"cursor: pointer;\" class=\"pptHover\" [ngClass]=\"{'ppt':colors=='4'}\"\r\n                                        (click)=\"color('4')\">\r\n                                        Easy Collect </span>\r\n                                </a>\r\n                            </div>\r\n                            <div class=\"col-md-2\">\r\n                                <a href=\"./assets/PPT/Pay Profile Easy Collect new.pdf\" download><img\r\n                                    src=\"./assets/Downloadss.svg\" alt=\"\" width=\"100%\"></a>\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-9 hide ft-9\">\r\n            <hr>\r\n            <div class=\" row crd\">\r\n                <div class=\"col-md-8\">\r\n                    <a [routerLink]=\"['/pay-profile']\"> <button class=\"btn btn-color\" (click)=\"menues('Pay Profile')\">\r\n                            <img src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Pay Profile\r\n                        </button></a>\r\n\r\n                </div>\r\n                <div class=\"col-md-4    \">\r\n                    <a [routerLink]=\"['/smart-collect']\"> <button class=\"btn btn-color\"\r\n                            (click)=\"menues('smart collect')\">smart\r\n                            collect\r\n                            &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-easy-collect-hindi',\r\n  templateUrl: './easy-collect-hindi.component.html',\r\n  styleUrls: ['./easy-collect-hindi.component.css']\r\n})\r\nexport class EasyCollectHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\" (mouseover)=\"showpayment(true,'1')\"\r\n                (mouseout)=\"showpayment(false,'1')\" id=\"105\">\r\n                    <h2>ईज़ी कलेक्ट</h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a> \r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id=\"105\">\r\n                    \r\n                    \r\n                \r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/4o9XW0B-JaY?si=g6yaNdmeY1WRniMm\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div>\r\n                \r\n                <!--<div class=\"col-md-10 col10 mt-2\" (mouseover)=\"showpayment(true,'5')\"\r\n                (mouseout)=\"showpayment(false,'5')\" id=\"100\">\r\n                    <h2>कार्यप्रवाह</h2>\r\n                </div>\r\n                \r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'5')\"\r\n                (mouseout)=\"showpayment(false,'5')\" id=\"100\">\r\n                    <img src=\"./assets/GIF/Creating Pay Button.gif\" width=\"95%\" height=\"95%\"\r\n                 alt=\"\" style=\"border-radius: 10px;\">\r\n                 </div>-->\r\n                \r\n                    <!--<div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/WQXx2iZdyPw\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>-->\r\n                \r\n                <div class=\"col-md-10 col10 mt-2\" (mouseover)=\"showpayment(true,'2')\"\r\n                    (mouseout)=\"showpayment(false,'2')\" id=\"53\">\r\n                    <h2 >ईज़ी कलेक्ट के मामलों का उपयोग करें </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"><button class=\"btn\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\"\r\n                            alt=\"\"></button></div>\r\n                <div class=\"col-md-12  mt-2\">\r\n                    <div class=\"col-md-12 mt-4\">\r\n                      \r\n                        <label for=\"\" class=\"mt-2\" >\r\n                            <h3>डोनेशन </h3>ईज़ी कलेक्ट विभिन्न कारणों से डोनेशन एकत्र करने की\r\n                            प्रक्रिया को सुव्यवस्थित करता है। व्यापारी, जैसे गैर-लाभकारी संगठन या धन\r\n                            उगाहने वाले अभियान, निर्बाध और सुरक्षित दान प्रक्रियाओं को स्थापित करने\r\n                            के लिए ईज़ी कलेक्ट प्रोफ़ाइल का उपयोग कर सकते हैं। यह सुविधा डोनेशन\r\n                            कर्ताओं को ऑनलाइन लेनदेन की सुविधा का लाभ उठाते हुए, बस कुछ ही क्लिक के\r\n                            साथ आसानी से योगदान करने की अनुमति देती है।\r\n\r\n\r\n                        </label>\r\n                        <label for=\"\" class=\"mt-4\" >\r\n                            <h3>पंजीकरण शुल्क संग्रहण </h3>उन आयोजनों, कार्यशालाओं या सदस्यताओं के\r\n                            लिए जिनके लिए पंजीकरण शुल्क की आवश्यकता होती है, ईज़ी कलेक्ट शुल्क\r\n                            संग्रह प्रक्रिया को सरल बनाता है। व्यापारी विभिन्न प्रकार के पंजीकरणों\r\n                            के लिए अनुकूलित भुगतान संरचनाएं स्थापित कर सकते हैं, जिससे प्रतिभागियों\r\n                            के लिए ऑनलाइन भुगतान करना आसान हो जाएगा। यह न केवल भौतिक भुगतान को\r\n                            संभालने के प्रशासनिक बोझ को कम करता है बल्कि प्रतिभागियों के लिए समग्र\r\n                            पंजीकरण अनुभव को भी बढ़ाता है।\r\n                        </label>\r\n                        <label for=\"\" class=\"mt-4\" >\r\n                            <h3>रियल इस्टेट </h3>रियल इस्टेट उद्योग में, ईज़ी कलेक्ट संपत्ति लेनदेन\r\n                            से संबंधित भुगतान, जैसे डाउन पेमेंट, किराया या रखरखाव शुल्क के संग्रह की\r\n                            सुविधा प्रदान करता है। संपत्ति के मालिक या रियल इस्टेट एजेंसियां\r\n                            किरायेदारों या खरीदारों को भुगतान करने का सुविधाजनक और सुरक्षित तरीका\r\n                            प्रदान करने के लिए इस सुविधा का लाभ उठा सकती हैं।\r\n                        </label>\r\n                        <label for=\"\" class=\"mt-4\" >\r\n                            <h3>बीमा </h3>ईज़ी कलेक्ट के माध्यम से बीमा प्रीमियम और भुगतान को\r\n                            कुशलतापूर्वक प्रबंधित किया जा सकता है। पॉलिसीधारकों को निर्बाध रूप से\r\n                            प्रीमियम का भुगतान करने में सक्षम बनाने के लिए बीमा कंपनियां इस सुविधा\r\n                            को अपने ऑनलाइन प्लेटफॉर्म में एकीकृत कर सकती हैं। इससे भुगतान में देरी\r\n                            की संभावना कम हो जाती है और यह सुनिश्चित होता है कि नीतियां सक्रिय रहें।\r\n                        </label>\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'3')\"\r\n                        (mouseout)=\"showpayment(false,'3')\" id=\"54\">\r\n                        <h2 >एक आसान कलेक्ट प्रोफ़ाइल कैसे बनाएं: </h2>\r\n                        <label for=\"\" class=\"mt-4\" ><b>चरण 1:</b> पे जी खाते के लिए साइन\r\n                            अप करें। यदि आपके पास पहले से ही एक खाता है, तो अपने क्रेडेंशियल्स के\r\n                            साथ लॉग इन करें।\r\n\r\n                            <br><b>चरण 2:</b> पे प्रोफाइल अनुभाग पर जाएं और एक नई प्रोफ़ाइल बनाएं।\r\n\r\n                            <br><b>चरण 3:</b> व्यवसाय विवरण और भुगतान विवरण भरें\r\n\r\n                            <br><b>चरण 4:</b> भुगतान रसीद सेटिंग्स कॉन्फ़िगर करें।\r\n\r\n                            <br><b>चरण 5:</b> वेतन प्रोफ़ाइल कॉन्फ़िगरेशन समायोजित करें।\r\n\r\n                            <br><b>चरण 6:</b> अपनी प्रोफ़ाइल अपने ग्राहकों के साथ साझा करें और\r\n                            भुगतान स्वीकार करना शुरू करें। </label>\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                        <h3 >अपने पे जी खाते में साइन इन करें| </h3>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/login.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                     \r\n                        <label for=\"\" class=\"mt-4\">\r\n                            <h3 >डैशबोर्ड के बाईं ओर, \"Pay Profile\" का विकल्प होगा, उस\r\n                                पर क्लिक करें और आपका पे प्रोफाइल डैशबोर्ड खुल जाएगा। </h3>\r\n\r\n                        </label>\r\n                        <div class=\"row mt-4\">\r\n                            <img src=\"./assets/dashboard.png\" alt=\"\" width=\"80%\" height=\"80%\">\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                       \r\n                        <label for=\"\" >पे प्रोफाइल डैशबोर्ड के दाईं ओर, \" Create New\r\n                            Pay Profile\" पर क्लिक करें। </label>\r\n                        <img src=\"./assets/easy3.png\" alt=\"\" class=\"row mt-4\" width=\"100%\"\r\n                            height=\"80%\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                        \r\n                        <label for=\"\" >दो विकल्पों \"Smart Collect\" या \"Easy Collect\"\r\n                            में से \"Easy Collect\" चुनें। </label>\r\n                        <img src=\"./assets/easy4.png\" alt=\"\" width=\"100%\" height=\"80%\" class=\"mt-4\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                       \r\n                        <label for=\"\" >अगले चरण में, अपना इच्छित टेम्पलेट चुनें।\r\n                            \"Custom Field\" में, आप अपनी आवश्यकताओं के अनुसार अपना स्वयं का टेम्पलेट\r\n                            बना सकते हैं। यह पूरी तरह से अनुकूलन योग्य है| </label>\r\n                        <img src=\"./assets/easy5.png\" alt=\"\" width=\"80%\" height=\"80%\" class=\"mt-4\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                      \r\n                        <label for=\"\" >अपनी कंपनी की ब्रांडिंग के अनुसार एक टेम्पलेट\r\n                            रंग चुनें और फिर पहले चरण, \"Setup Profile\" में सभी आवश्यक विवरण भरें। आप\r\n                            इस क्षेत्र में जितनी आवश्यकता हो उतने फ़ील्ड जोड़ सकते हैं। </label>\r\n                        <img src=\"./assets/easy6.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                        \r\n                        <label for=\"\" >अपने व्यवसाय विवरण में फ़ील्ड शामिल करने और अपनी\r\n                            कंपनी या संगठन की आवश्यकताओं के अनुसार नियम और शर्तें जोड़ने के लिए \"Add\r\n                            Field\" पर क्लिक करें </label>\r\n                        <img src=\"./assets/easy7.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                       \r\n                        <label for=\"\" >अगले चरण, \"Payment Receipt\" पर आगे बढ़ते हुए, आप\r\n                            अपनी आवश्यकता और ग्राहकों से आपको कितनी जानकारी की आवश्यकता है, उसके\r\n                            आधार पर एक इनपुट प्रकार का चयन करके फ़ील्ड शामिल कर सकते हैं। आपके\r\n                            ग्राहक ये फ़ील्ड देखेंगे, और उन्हें अपना विवरण भरना होगा।\r\n\r\n                            उदाहरण के लिए, आपको अपने ग्राहकों का नाम, ईमेल आईडी, मोबाइल नंबर, जन्म\r\n                            तिथि और लिंग लेने की आवश्यकता है ताकि आप इनपुट फ़ील्ड के रूप में क्रमशः\r\n                            टेक्स्ट फ़ील्ड, ईमेल, मोबाइल नंबर, दिनांक पिकर और रेडियो बटन का चयन कर\r\n                            सकें। और आप अपनी आवश्यकता के अनुसार फ़ील्ड को अनिवार्य या नहीं रख सकते\r\n                            हैं। </label>\r\n                        <img src=\"./assets/easy8.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                        <br><img src=\"./assets/easy9.png\" alt=\"\" width=\"50%\" height=\"40%\"\r\n                            class=\"mt-4\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                        \r\n                        <label for=\"\" >फ़ील्ड बनाने के बाद यह इस तरह दिखेगा|\r\n                        </label><br>\r\n                        <img src=\"./assets/easy10.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                        \r\n                        <label for=\"\" >फिर \" Amount Type \" चुनें, आप कैसे भुगतान एकत्र\r\n                            करना चाहते हैं।\r\n                        </label>\r\n                        <img src=\"./assets/easy11.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                       \r\n                        <label for=\"\" ><b>निश्चित राशि:</b>यदि आप ग्राहक को राशि चुनने\r\n                            का विकल्प दिए बिना किसी उत्पाद की कीमत निर्धारित करना चाहते हैं, तो इस\r\n                            विकल्प का चयन करें। उदाहरण के लिए, एक कार्यक्रम आयोजक के रूप में, यदि आप\r\n                            ₹100 प्रत्येक की निश्चित कीमत पर टिकट बेच रहे हैं और चाहते हैं कि ग्राहक\r\n                            उस विशिष्ट राशि का भुगतान करें, तो आप निश्चित मूल्य विकल्प चुनेंगे।\r\n\r\n                        </label>\r\n                        <label for=\"\" class=\"mt-4\" ><b>कैटलॉग बनाएं:</b> विभिन्न चीजों\r\n                            के लिए दान एकत्र करने के लिए एक कैटलॉग बनाएं\r\n\r\n                        </label>\r\n                        <label for=\"\" class=\"mt-4\" ><b>एक पदानुक्रमित कैटलॉग\r\n                                बनाएं:</b>इसका उपयोग तब किया जाता है जब आप इन्वेंट्री और विभिन्न\r\n                            श्रेणियां जोड़ना चाहते हैं।\r\n\r\n                        </label>\r\n                        <label for=\"\" class=\"mt-4\" ><b>उपयोगकर्ता राशि तय करता है:</b> \r\n                            यह सुविधा आपके ग्राहकों को उत्पाद या सेवा के लिए राशि चुनने की अनुमति\r\n                            देती है। उदाहरण के लिए, इसका उपयोग दान या इसी तरह के परिदृश्यों के लिए\r\n                            किया जा सकता है।\r\n                        </label>\r\n                        <img src=\"./assets/easy12.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                        \r\n                        <label for=\"\" >यह आपके ग्राहकों को इस प्रकार दिखाया जाएगा:\r\n                        </label><br>\r\n                        <img src=\"./assets/easy13.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                        \r\n                        <label for=\"\" >अगला चरण \"Payment Receipt Settings\" है। अपनी\r\n                            आवश्यकता के अनुसार चयन करें और अगले चरण पर जाएँ।   </label>\r\n                        <img src=\"./assets/easy14.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                      \r\n                        <label for=\"\" >\"Pay Profile Settings\" अनुभाग में, आपके पास एक\r\n                            कस्टम यूआरएल सेट करने के विकल्प हैं। आप यूआरएल को वैयक्तिकृत कर सकते हैं\r\n                            या \" Generate RAndom Profile URL\" का चयन करके यादृच्छिक रूप से जेनरेट\r\n                            किए गए यूआरएल का विकल्प चुन सकते हैं। इसके अतिरिक्त, आप अपने ग्राहकों के\r\n                            लिए आंशिक भुगतान सक्षम कर सकते हैं। आपकी प्रोफ़ाइल कब सक्रिय होनी चाहिए\r\n                            इसके लिए दिनांक और समय निर्धारित करें। आपके पास अपनी प्रोफ़ाइल के लिए एक\r\n                            बटन और एक क्यूआर कोड शामिल करने का विकल्प है। अपनी प्राथमिकताएँ चुनें और\r\n                            फिर अपनी प्रोफ़ाइल बनाने के लिए \"Next\" बटन पर क्लिक करें।   </label>\r\n                        <img src=\"./assets/easy15.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                        \r\n                        <label for=\"\" >आप लिंक को कॉपी कर सकते हैं और अपने ग्राहकों को\r\n                            भेजने के लिए क्यूआर कोड डाउनलोड कर सकते हैं। इसके अतिरिक्त, आप इसे अपने\r\n                            ग्राहकों के साथ उनके मोबाइल नंबर या ईमेल पर साझा कर सकते हैं| </label>\r\n                        <img src=\"./assets/easy16.png\" alt=\"\" width=\"50%\" height=\"40%\"\r\n                            class=\"mt-4\"><br>\r\n                        <img src=\"./assets/easy17.png\" alt=\"\" width=\"50%\" height=\"40%\" class=\"mt-4\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                     \r\n                        <label for=\"\" >अपनी प्रोफ़ाइल बनाने के बाद, आपको अपने डैशबोर्ड\r\n                            पर निर्देशित किया जाएगा जहां आप अपने द्वारा अभी बनाई गई प्रोफ़ाइल देख\r\n                            सकते हैं। आप प्रोफ़ाइल की स्थिति, आपके द्वारा बनाई गई प्रोफ़ाइल की कुल\r\n                            संख्या, आपकी प्रोफ़ाइल को मिले दृश्यों की संख्या और उत्पन्न कुल राजस्व\r\n                            की जांच कर सकते हैं </label>\r\n                        <img src=\"./assets/easy18.png\" alt=\"\" width=\"100%\" height=\"80%\"\r\n                            class=\"mt-4\">\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n   </div>\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    \r\n                    <h5 >\r\n                        विषयसूची :\r\n                    </h5>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#105\" >\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"pdfHover\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >\r\n                                    आसान संग्रह क्या है? </span>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <!--<div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#100\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/GIF/GIF.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                </div>\r\n                            <div class=\"col-md-10 mt-1\">\r\n                               \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='5'}\" (click)=\"color('5')\"\r\n                                    >\r\n                                    कार्यप्रवाह </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>-->\r\n\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#53\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                               \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                                    >\r\n                                    ईज़ी कलेक्ट के मामलों का उपयोग करें </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#54\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                                    >\r\n                                    एक आसान कलेक्ट प्रोफ़ाइल कैसे बनाएं </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"https://payg.in/customer/#/pay-profile/paygfoundation\" target=\"_blank\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/devloper.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                              \r\n                                <span style=\"cursor: pointer;\" class=\"textHover2\"\r\n                                    [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                                    >\r\n                                    डोनेशन के लिए डेमो प्रोफ़ाइल</span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"https://payg.in/customer/#/pay-profile/MTcwMjA3MTk4OQ\" target=\"_blank\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/devloper.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                               \r\n                                <span style=\"cursor: pointer;\" class=\"textHover2\"\r\n                                    [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                                    >\r\n                                    रियल एस्टेट के लिए डेमो प्रोफ़ाइल</span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"https://payg.in/customer/#/pay-profile/MTcwODA4OTg1MQ\" target=\"_blank\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/devloper.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover2\"\r\n                                    [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                                    >\r\n                                    बीमा एकत्रित करने के लिए डेमो प्रोफ़ाइल</span>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"https://payg.in/customer/#/pay-profile/MTcwODM4MTI2NA\" target=\"_blank\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/devloper.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover2\"\r\n                                    [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                                    >\r\n                                    सेमिनार पंजीकरण के लिए डेमो प्रोफ़ाइल</span>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/ppt.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-8\">\r\n                            <a href=\"./assets/PPT/Hindi Pay Profile(Easy Collect) new.pdf\"\r\n                                target=\"_blank\">\r\n                                <span style=\"cursor: pointer;\" class=\"pptHover\" [ngClass]=\"{'ppt':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    ईज़ी कलेक्ट </span>\r\n                            </a>\r\n                        </div>\r\n                        <div class=\"col-md-2\">\r\n                            <a href=\"./assets/PPT/Hindi Pay Profile(Easy Collect) new.pdf\" download><img src=\"./assets/Download.svg\"\r\n                                    alt=\"\" width=\"100%\"></a>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n               \r\n                <a [routerLink]=\"['/pay-profile']\">   <button class=\"btn btn-color\" (click)=\"menues('Pay Profile')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;पे प्रोफाईल\r\n\r\n                </button></a>\r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n                \r\n                <a [routerLink]=\"['/smart-collect']\">  <button class=\"btn btn-color\" (click)=\"menues('smart collect')\"\r\n                    >स्मार्ट\r\n                    कलेक्ट\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    </div>","<app-easy-collect *ngIf=\"english\"></app-easy-collect>\r\n<app-easy-collect-hindi *ngIf=\"hindi\"></app-easy-collect-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-collects',\r\n  templateUrl: './collects.component.html',\r\n  styleUrls: ['./collects.component.css']\r\n})\r\nexport class CollectsComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-smart-collect',\r\n  templateUrl: './smart-collect.component.html',\r\n  styleUrls: ['./smart-collect.component.css']\r\n})\r\nexport class SmartCollectComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>\r\n                        <h2 > Use Cases of Smart Collect </h2>\r\n                    </h2>\r\n                </div>\r\n\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  .\r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='61'>\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe\r\n                            class=\"i-frame\"\r\n                            src=\"https://www.youtube.com/embed/t4vkDWertB0?si=NX2r1nkNpN65kn0U\" \r\n                            title=\"YouTube video player\"\r\n                            frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\"\r\n                    (mouseout)=\"showpayment(false,'2')\" id='62'>\r\n                    <h4 >\r\n                        Use Cases of Smart Collect\r\n                    </h4>\r\n                   \r\n                    <label for=\"\" class=\"mt-3\" ><b>School Fee Collection:\r\n                        </b>&nbsp;Simplify the\r\n                        process of collecting tuition and fees from students and parents in\r\n                        educational institutions. Implement an efficient school fee collection\r\n                        system that allows for online payments, provides detailed invoices, and\r\n                        ensures transparent record-keeping. This helps streamline administrative\r\n                        tasks and ensures timely payments, contributing to the smooth functioning of\r\n                        the school's financial operations. </label>\r\n\r\n                    <label for=\"\" class=\"mt-4\" ><b> College Fee Collection:&nbsp;\r\n                        </b>Streamline the\r\n                        collection of college tuition fees and related charges for students. A\r\n                        robust college fee collection system facilitates online payments, allows for\r\n                        the creation of customized fee structures, and provides detailed financial\r\n                        statements. This ensures that students and their families can manage\r\n                        educational expenses conveniently, while colleges maintain accurate\r\n                        financial records. </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b> Govt. Bills (Electricity\r\n                            Bills):&nbsp;</b> This\r\n                        includes generating and distributing electricity bills to customers,\r\n                        offering multiple payment options such as online payments, and providing a\r\n                        user-friendly interface for customers to track and manage their electricity\r\n                        usage. An effective electricity billing system contributes to accurate\r\n                        billing, timely payments, and improved customer satisfaction. </label>\r\n\r\n                    <label for=\"\" class=\"mt-4\" ><b>Govt. Bills (Water Bills):\r\n                            &nbsp;</b>Providing\r\n                        customers with a clear breakdown of their water usage and bills helps\r\n                        promote water conservation and ensures a transparent and efficient billing\r\n                        process. </label>\r\n                  \r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\"\r\n                    (mouseout)=\"showpayment(false,'3')\" id='63'>\r\n                    <h2 >Create a Smart collect profile quickly and easily with these\r\n                        seven steps:\r\n                    </h2>\r\n          \r\n\r\n                    <label for=\"\" class=\"mt-5\" ><b>Step 1:&nbsp;</b> Sign up for a\r\n                        PayG account. If\r\n                        you already have an account, log in with your credentials. </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>Step 2: &nbsp;</b>Navigate to the\r\n                        Pay Profile\r\n                        section and create a new profile.  </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>Step 3: &nbsp;</b>Fill in the\r\n                        business details.  \r\n                    </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>Step 4: &nbsp;</b>Create fields\r\n                        for your customers\r\n                        and then add data to them  </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>Step 5: &nbsp;</b>Configure the\r\n                        Payment Receipt\r\n                        settings.    </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>Step 6: &nbsp;</b> Adjust the Pay\r\n                        Profile\r\n                        configuration.    </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>Step 7 : &nbsp;</b>Share your\r\n                        profile with your\r\n                        customers and begin accepting payments.   </label>\r\n                   \r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\"\r\n                    (mouseout)=\"showpayment(false,'3')\" id='63'>\r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        Sign in to your account\r\n                    </label>\r\n                 \r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/booking1.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        Navigate to the Pay Profile section on the dashboard.\r\n                    </label>\r\n              \r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/A screenshot1.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        Click on \"Create New Pay Profile\" .\r\n                    </label>\r\n              \r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        Select “Smart Collect”.\r\n                    </label>\r\n                 \r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/A screenshot2.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        Choose a template as per your requirements.\r\n                    </label>\r\n             \r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/A screenshot3.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        Choose a colour theme in line with your branding. Provide a title for your\r\n                        payment collection and include a description along with contact details\r\n                        about your organization.\r\n                    </label>\r\n                \r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (1).png\" width=\"60%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        Create input fields for customers to enter and search their details using a\r\n                        specified unique field. Additionally, include output fields for relevant\r\n                        information.\r\n                    </label>\r\n                 \r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (2).png\" width=\"60%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-3\" >\r\n\r\n\r\n                        Add an amount field to specify how you want to collect payment from your\r\n                        customers. And if you want to add security to the data, you can add your\r\n                        customer’s mobile number in that filed.\r\n                    </label>\r\n               \r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (3).png\" width=\"60%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (4).png\" width=\"60%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-3\" >\r\n\r\n\r\n                        Add data to the fields you created in earlier step. You can add data\r\n                        manually one by one or you can upload a csv file to add the entire data of\r\n                        all your customers.\r\n                    </label>\r\n                  \r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (5).png\" width=\"60%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (6).png\" width=\"60%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-3\" >\r\n\r\n\r\n\r\n                        The next step is “Payment Receipt Settings”. Select as per your requirement\r\n                        and move to the next step. \r\n                    </label>\r\n                   \r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (7).png\" width=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-3\" >\r\n\r\n\r\n                        In the \"Pay Profile Settings\" section, you have options to set up a custom\r\n                        URL. You can personalize the URL or opt for a randomly generated one by\r\n                        selecting \"Create a random URL\". Additionally, you can enable partial\r\n                        payment for your customers. Set the date and time for when your profile\r\n                        should become active. You have the choice to include a button for your\r\n                        profile and a QR code. Pick your preferences and then click the \"Next\"\r\n                        button to create your profile.   \r\n                    </label>\r\n                    \r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (8).png\" width=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        You can copy the link and download the QR code to send it to your customers.\r\n                        Additionally, you can share it with your customers on their mobile numbers\r\n                        or email\r\n                    </label>\r\n               \r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (9).png\" width=\"60%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5 >\r\n                        Table of Contents:\r\n                    </h5>\r\n                \r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#61\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                   \r\nHow to Use Cases \r\n</span>\r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#62\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                                    >\r\n\r\n                                    Use Cases of Smart Collect\r\n                                </span>\r\n                             \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#63\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                                    >\r\n\r\n                                    How to create a Smart Collect Pay Profile?\r\n                                </span>\r\n                           \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"https://payg.in/customer/#/pay-profile/MTczMzkxODEyOTMzNTky\" target=\"_blank\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/devloper.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover2\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    Demo Profile for Fee Collection</span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-2\">\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/ppt.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-8\">\r\n                            <a href=\"./assets/PPT/Pay Profile Smart Collect.pdf\"\r\n                                target=\"_blank\">\r\n                                <span style=\"cursor: pointer;\" class=\"pptHover\" [ngClass]=\"{'ppt':colors=='5'}\"\r\n                                    (click)=\"color('5')\">\r\n                                    Smart Collect </span>\r\n                            </a>\r\n                        </div>\r\n                        <div class=\"col-md-2\">\r\n                            <a href=\"./assets/PPT/Pay Profile Smart Collect.pdf\" download><img src=\"./assets/Download.svg\"\r\n                                    alt=\"\" width=\"100%\"></a>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/easy-collect']\">      <button class=\"btn btn-color\" (click)=\"menues('Easy Collect')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Easy Collect\r\n                </button></a>\r\n                \r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/booking-tecketing']\">  <button class=\"btn btn-color\" (click)=\"menues('Booking & Ticketing')\"\r\n                    >Booking\r\n                    & Ticketing\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n             \r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    </div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-smart-collect-hindi',\r\n  templateUrl: './smart-collect-hindi.component.html',\r\n  styleUrls: ['./smart-collect-hindi.component.css']\r\n})\r\nexport class SmartCollectHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>\r\n                        <h2 >स्मार्ट कलेक्ट के मामलों का उपयोग करें </h2>\r\n                    </h2>\r\n                </div>\r\n\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='61'>\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe\r\n                            class=\"i-frame\"\r\n                            src=\"https://www.youtube.com/embed/t4vkDWertB0?si=NX2r1nkNpN65kn0U\" title=\"YouTube video player\"\r\n                            frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\"\r\n                    (mouseout)=\"showpayment(false,'2')\" id='62'>\r\n                   \r\n                    <h4 >\r\n                        स्मार्ट कलेक्ट के मामलों का उपयोग करें\r\n                    </h4>\r\n\r\n                   \r\n\r\n                    \r\n                    <label for=\"\" class=\"mt-3\" ><b>स्कूल शुल्क संग्रहण:</b>&nbsp;\r\n                        शैक्षणिक संस्थानों में छात्रों और अभिभावकों से ट्यूशन और फीस एकत्र करने की\r\n                        प्रक्रिया को सरल बनाएं। एक कुशल स्कूल शुल्क संग्रहण प्रणाली लागू करें जो\r\n                        ऑनलाइन भुगतान की अनुमति देती है, विस्तृत चालान प्रदान करती है और पारदर्शी\r\n                        रिकॉर्ड-रख-रखाव सुनिश्चित करती है। यह प्रशासनिक कार्यों को सुव्यवस्थित करने\r\n                        में मदद करता है और समय पर भुगतान सुनिश्चित करता है, जिससे स्कूल के वित्तीय\r\n                        संचालन के सुचारू संचालन में योगदान मिलता है। </label>\r\n\r\n                    <label for=\"\" class=\"mt-4\" ><b> कॉलेज शुल्क संग्रहण: &nbsp;\r\n                        </b>छात्रों के लिए कॉलेज ट्यूशन फीस और संबंधित शुल्कों के संग्रह को\r\n                        सुव्यवस्थित करें। एक मजबूत कॉलेज शुल्क संग्रह प्रणाली ऑनलाइन भुगतान की\r\n                        सुविधा देती है, अनुकूलित शुल्क संरचनाओं के निर्माण की अनुमति देती है, और\r\n                        विस्तृत वित्तीय विवरण प्रदान करती है। यह सुनिश्चित करता है कि छात्र और उनके\r\n                        परिवार शैक्षिक खर्चों का आसानी से प्रबंधन कर सकें, जबकि कॉलेज सटीक वित्तीय\r\n                        रिकॉर्ड बनाए रखते हैं। </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b>सरकार. बिल (बिजली बिल):&nbsp;</b>\r\n                        इसमें ग्राहकों को बिजली बिल बनाना और वितरित करना, ऑनलाइन भुगतान जैसे कई\r\n                        भुगतान विकल्प प्रदान करना और ग्राहकों को उनके बिजली के उपयोग को ट्रैक और\r\n                        प्रबंधित करने के लिए एक उपयोगकर्ता-अनुकूल इंटरफ़ेस प्रदान करना शामिल है। एक\r\n                        प्रभावी बिजली बिलिंग प्रणाली सटीक बिलिंग, समय पर भुगतान और बेहतर ग्राहक\r\n                        संतुष्टि में योगदान करती है। </label>\r\n\r\n                    <label for=\"\" class=\"mt-4\" ><b>सरकार. बिल (पानी के बिल):\r\n                            &nbsp;</b>ग्राहकों को उनके पानी के उपयोग और बिलों का स्पष्ट विवरण प्रदान\r\n                        करने से जल संरक्षण को बढ़ावा देने में मदद मिलती है और एक पारदर्शी और कुशल\r\n                        बिलिंग प्रक्रिया सुनिश्चित होती है।\r\n\r\n                    </label>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\"\r\n                    (mouseout)=\"showpayment(false,'3')\" id='63'>\r\n                 \r\n                    <h2 >इन सात चरणों के साथ जल्दी और आसानी से एक स्मार्ट कलेक्ट\r\n                        प्रोफ़ाइल बनाएं:\r\n                    </h2>\r\n\r\n\r\n                    \r\n                    <label for=\"\" class=\"mt-5\" ><b> चरण 1:&nbsp;</b> PayG खाते के लिए\r\n                        साइन अप करें। यदि आपके पास पहले से ही एक खाता है, तो अपने क्रेडेंशियल्स के\r\n                        साथ लॉग इन करें। </label>\r\n                    <label for=\"\" class=\"mt-4\" ><b> चरण 2: &nbsp;</b>पे प्रोफाइल अनुभाग\r\n                        पर जाएं और एक नई प्रोफ़ाइल बनाएं।   </label><br>\r\n                    <label for=\"\" class=\"mt-4\" ><b> चरण 3: &nbsp;</b> व्यवसाय विवरण\r\n                        भरें।  \r\n                    </label><br>\r\n                    <label for=\"\" class=\"mt-4\" ><b> चरण 4: &nbsp;</b>अपने ग्राहकों के\r\n                        लिए फ़ील्ड बनाएं और फिर उनमें डेटा जोड़ें।\r\n\r\n                    </label><br>\r\n                    <label for=\"\" class=\"mt-4\" ><b> चरण 5: &nbsp;</b> भुगतान रसीद\r\n                        सेटिंग्स कॉन्फ़िगर करें।     </label><br>\r\n                    <label for=\"\" class=\"mt-4\" ><b> चरण 6: &nbsp;</b>वेतन प्रोफ़ाइल\r\n                        कॉन्फ़िगरेशन समायोजित करें।     </label><br>\r\n                    <label for=\"\" class=\"mt-4\" ><b> चरण 7 : &nbsp;</b>अपनी प्रोफ़ाइल\r\n                        अपने ग्राहकों के साथ साझा करें और भुगतान स्वीकार करना शुरू करें।    </label>\r\n\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\"\r\n                    (mouseout)=\"showpayment(false,'3')\" id='63'>\r\n                    \r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        अपने अकाउंट में साइन इन करें\r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/booking1.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                   \r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        डैशबोर्ड पर पे प्रोफ़ाइल अनुभाग पर जाएँ।\r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/A screenshot1.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                   \r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        \"Create New Pay Profile\" पर क्लिक करें\r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                  \r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        “Smart Collect” चुनें।\r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/A screenshot2.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                   \r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        अपनी आवश्यकताओं के अनुसार एक टेम्पलेट चुनें.\r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/A screenshot3.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                 \r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        अपनी ब्रांडिंग के अनुरूप रंग थीम चुनें। अपने भुगतान संग्रह के लिए एक शीर्षक\r\n                        प्रदान करें और अपने संगठन के बारे में संपर्क विवरण के साथ एक विवरण भी शामिल\r\n                        करें।\r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (1).png\" width=\"60%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                  \r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        ग्राहकों के लिए निर्दिष्ट अद्वितीय फ़ील्ड का उपयोग करके अपना विवरण दर्ज करने\r\n                        और खोजने के लिए इनपुट फ़ील्ड बनाएं। इसके अतिरिक्त, प्रासंगिक जानकारी के लिए\r\n                        आउटपुट फ़ील्ड शामिल करें।\r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (2).png\" width=\"60%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                   \r\n                    <label for=\"\" class=\"mt-3\" >\r\n\r\n\r\n                        यह निर्दिष्ट करने के लिए कि आप अपने ग्राहकों से भुगतान कैसे एकत्र करना चाहते\r\n                        हैं, एक राशि फ़ील्ड जोड़ें। और यदि आप डेटा में सुरक्षा जोड़ना चाहते हैं, तो\r\n                        आप उस फ़ाइल में अपने ग्राहक का मोबाइल नंबर जोड़ सकते हैं।\r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (3).png\" width=\"60%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (4).png\" width=\"60%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                   \r\n                    <label for=\"\" class=\"mt-3\" >\r\n\r\n\r\n                        पिछले चरण में आपके द्वारा बनाए गए फ़ील्ड में डेटा जोड़ें। आप एक-एक करके\r\n                        मैन्युअल रूप से डेटा जोड़ सकते हैं या अपने सभी ग्राहकों का संपूर्ण डेटा\r\n                        जोड़ने के लिए एक सीएसवी फ़ाइल अपलोड कर सकते हैं।\r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (5).png\" width=\"60%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (6).png\" width=\"60%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    \r\n                    <label for=\"\" class=\"mt-3\" >\r\n\r\n\r\n\r\n                        अगला चरण “Payment Receipt Settings” है। अपनी आवश्यकता के अनुसार चयन करें और\r\n                        अगले चरण पर जाएँ।  \r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (7).png\" width=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    \r\n                    <label for=\"\" class=\"mt-3\" >\r\n\r\n\r\n                        \"Pay Profile Settings\" अनुभाग में, आपके पास एक कस्टम यूआरएल सेट करने के\r\n                        विकल्प हैं। आप यूआरएल को वैयक्तिकृत कर सकते हैं या \"Create a random URL\" का\r\n                        चयन करके यादृच्छिक रूप से जेनरेट किए गए यूआरएल का विकल्प चुन सकते हैं। इसके\r\n                        अतिरिक्त, आप अपने ग्राहकों के लिए आंशिक भुगतान सक्षम कर सकते हैं। आपकी\r\n                        प्रोफ़ाइल कब सक्रिय होनी चाहिए इसके लिए दिनांक और समय निर्धारित करें। आपके\r\n                        पास अपनी प्रोफ़ाइल के लिए एक बटन और एक क्यूआर कोड शामिल करने का विकल्प है।\r\n                        अपनी प्राथमिकताएँ चुनें और फिर अपनी प्रोफ़ाइल बनाने के लिए \"Next\" बटन पर\r\n                        क्लिक करें।    \r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (8).png\" width=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                   \r\n                    <label for=\"\" class=\"mt-3\" >\r\n                        आप लिंक को कॉपी कर सकते हैं और अपने ग्राहकों को भेजने के लिए क्यूआर कोड\r\n                        डाउनलोड कर सकते हैं। इसके अतिरिक्त, आप इसे अपने ग्राहकों के साथ उनके मोबाइल\r\n                        नंबर या ईमेल पर साझा कर सकते हैं\r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/image (9).png\" width=\"60%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                   >\r\n                    <h5 >\r\n                        विषयसूची :\r\n                    </h5>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#61\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                   \r\nHow to Use Cases \r\n</span>\r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#62\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                               \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                                    >\r\n\r\n                                    स्मार्ट कलेक्ट के मामलों का उपयोग करें\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#63\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                                    >\r\n\r\n                                    स्मार्ट कलेक्ट पे प्रोफाइल कैसे बनाएं?\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/ppt.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-8\">\r\n                            <a href=\"./assets/PPT/Hindi Pay Profile(Smart Collect) 1.pdf\"\r\n                                target=\"_blank\">\r\n                                <span style=\"cursor: pointer;\" class=\"pptHover\" [ngClass]=\"{'ppt':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    स्मार्ट कलेक्ट </span>\r\n                            </a>\r\n                        </div>\r\n                        <div class=\"col-md-2\">\r\n                            <a href=\"./assets/PPT/Hindi Pay Profile(Smart Collect) 1.pdf\" download><img src=\"./assets/Download.svg\"\r\n                                    alt=\"\" width=\"100%\"></a>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n              \r\n                <a [routerLink]=\"['/easy-collect']\">    <button class=\"btn btn-color\" (click)=\"menues('Easy Collect')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;ईजी कलेक्ट\r\n\r\n                </button></a>\r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n               \r\n                <a [routerLink]=\"['/booking-tecketing']\">  <button class=\"btn btn-color\" (click)=\"menues('Booking & Ticketing')\"\r\n                    >बुकिंग और\r\n                    टिकटिंग\r\n\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    </div>","<app-smart-collect *ngIf=\"english\"></app-smart-collect>\r\n<app-smart-collect-hindi *ngIf=\"hindi\"></app-smart-collect-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-smart',\r\n  templateUrl: './smart.component.html',\r\n  styleUrls: ['./smart.component.css']\r\n})\r\nexport class SmartComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-payment-link',\r\n  templateUrl: './payment-link.component.html',\r\n  styleUrls: ['./payment-link.component.css']\r\n})\r\nexport class PaymentLinkComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n\r\n                \r\n\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n\r\n                    <h2 > What is Payment Link</h2>\r\n                </div>\r\n\r\n              \r\n                \r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a> \r\n                </div>\r\n\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"9\">\r\n                    <div style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/mR2MaKeeOEk\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-10 col10 mt-4\"  (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\" id=\"108\">\r\n                    <h2><b>Workflow</b></h2>\r\n                    <label for=\"\">The GIF below illustrates the workflow of a payment link.</label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\"  (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\" id=\"108\">\r\n                    <img src=\"./assets/GIF/Payment Link workflow gif.gif\" width=\"95%\" height=\"89%\" alt=\"\"\r\n                        style=\"border-radius: 10px;\">\r\n                </div>\r\n                <div class=\"col-md-12 \" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\" id=\"10\">\r\n\r\n                    <h2 > What is Payment Link</h2>\r\n                    <label for=\"\" class=\"spn mt-3 \" >The payment Link section in PayG\r\n                        enables\r\n                        businesses to\r\n                        generate\r\n                        and share payment links with their customers. Payment links are the URLs\r\n                        that\r\n                        direct\r\n                        customers to a secure payment page where they can make a payment for a\r\n                        specific\r\n                        product,\r\n                        service, or invoice. These links are shared via various communication\r\n                        channels\r\n                        like\r\n                        email, SMS, chat apps, etc. Payment links provided by PayG are an excellent\r\n                        way\r\n                        for\r\n                        businesses to start accepting online payments quickly without the need for a\r\n                        full-fledged website or integration with their existing platform. It\r\n                        simplifies\r\n                        the\r\n                        payment process for customers and helps businesses increase their revenue by\r\n                        offering a\r\n                        seamless payment experience</label>\r\n                  \r\n                </div>\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"11\">\r\n                    <h2 >\r\n                        Benefits of Payment Link:\r\n                    </h2>\r\n\r\n                    <label for=\"\" class=\"mt-3 spn\" >Payment links offer several\r\n                        benefits for\r\n                        businesses\r\n                        and\r\n                        individuals, making the process of sending and receiving payments more\r\n                        efficient\r\n                        and\r\n                        convenient. Here are some key advantages. </label>\r\n              \r\n\r\n                    <h5 class=\"mt-4\" >Easy Sharing </h5>\r\n                    <label for=\"\" class=\"mt-3 spn\" >Payment links allow users to\r\n                        share a clickable\r\n                        link\r\n                        via\r\n                        various channels, such as email, messaging apps, or social media, making it\r\n                        convenient\r\n                        for both the payer and the payee. </label>\r\n                 \r\n\r\n                    <h5 class=\"mt-4\" >No Physical Presence Required </h5>\r\n                    <label for=\"\" class=\"mt-3 spn\" >Payment links eliminate the need\r\n                        for physical\r\n                        presence\r\n                        during\r\n                        transactions, which is especially useful in remote or digital business\r\n                        transactions.\r\n                    </label>\r\n                  \r\n\r\n                    <h5 class=\"mt-4\" >Instant Transactions: </h5>\r\n                    <label for=\"\" class=\"mt-3 spn\" >Payment links facilitate faster\r\n                        transactions\r\n                        compared\r\n                        to\r\n                        traditional payment methods, as users can complete the payment process with\r\n                        just\r\n                        a\r\n                        few\r\n                        clicks. </label>\r\n                \r\n                    <h5 class=\"mt-4\" >Real-Time Confirmation: </h5>\r\n                    <label for=\"\" class=\"mt-3 spn\" >Both parties receive instant\r\n                        confirmation of the\r\n                        payment,\r\n                        reducing the time and uncertainty associated with waiting for funds to\r\n                        clear.\r\n                    </label>\r\n                \r\n\r\n                    <h5 class=\"mt-4\" >Secure Transactions:</h5>\r\n                    <label for=\"\" class=\"mt-3 spn\" >Payment links often use secure\r\n                        and encrypted\r\n                        channels,\r\n                        ensuring the safety of financial information during the transaction.\r\n                    </label>\r\n                \r\n\r\n                    <h5 class=\"mt-4\" >Multiple Payment Options: </h5>\r\n                    <label for=\"\" class=\"mt-3 spn\" >Payment links can be configured\r\n                        to accept various\r\n                        payment\r\n                        methods, such as credit/debit cards, digital wallets, or bank transfers,\r\n                        offering\r\n                        flexibility to payers</label>\r\n                \r\n\r\n                    <h5 class=\"mt-4\" >Customization </h5>\r\n                    <label for=\"\" class=\"mt-3 spn\" >Businesses can customize payment\r\n                        links with\r\n                        details\r\n                        such\r\n                        as\r\n                        invoice information, due dates, or itemized lists to provide clarity to\r\n                        customers.\r\n                    </label>\r\n                 \r\n                </div>\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id=\"12\">\r\n                    <h2 >Use cases </h2>\r\n                    <label for=\"\"  class=\"spn mt-3\">Payment links are used in various\r\n                        contexts across\r\n                        different\r\n                        industries to facilitate transactions. Here are some common scenarios where\r\n                        payment\r\n                        links are often used: </label>\r\n                    \r\n                    <h5 class=\"mt-4\" >E-commerce </h5>\r\n                    <label for=\"\" class=\"mt-3 spn\" >In online retail, businesses\r\n                        often generate\r\n                        payment\r\n                        links\r\n                        for\r\n                        specific products or services. Customers can click on the link to make a\r\n                        payment\r\n                        directly, streamlining the checkout process. </label>\r\n                    \r\n\r\n                    <h5 class=\"mt-4\" >Invoicing </h5>\r\n                    <label for=\"\" class=\"mt-3 spn\" >Businesses and freelancers use\r\n                        payment links in\r\n                        invoices.\r\n                        Instead of traditional payment methods, recipients can click on the payment\r\n                        link\r\n                        to\r\n                        settle the invoice, making the payment process more convenient. </label>\r\n                    \r\n\r\n                    <h5 class=\"mt-4\" >Service Providers </h5>\r\n                    <label for=\"\" class=\"mt-3 spn\" >Professionals and service\r\n                        providers, such as\r\n                        consultants\r\n                        or\r\n                        contractors, may use payment links to request payments for their services.\r\n                        This\r\n                        method\r\n                        simplifies the payment process for both parties. </label>\r\n                    \r\n\r\n                    <h5 class=\"mt-4\" >Donations and Fundraising </h5>\r\n                    <label for=\"\" class=\"mt-3 spn\" >Non-profit organizations and\r\n                        individuals\r\n                        conducting\r\n                        fundraising campaigns often use payment links to collect donations. It\r\n                        provides\r\n                        a\r\n                        straightforward way for supporters to contribute.\r\n\r\n                    </label>\r\n                   \r\n\r\n                    <h5 class=\"mt-4\" >Event Registration </h5>\r\n                    <label for=\"\" class=\"mt-3 spn\" >When organizing events,\r\n                        organizers can use\r\n                        payment\r\n                        links\r\n                        for\r\n                        ticket sales or registration fees. Attendees can click on the link to pay\r\n                        for\r\n                        their\r\n                        participation.\r\n\r\n                    </label>\r\n                \r\n                    <h5 class=\"mt-4\" >Peer-to-Peer Transactions </h5>\r\n                    <label for=\"\" class=\"mt-3 spn\" >Individuals may generate payment\r\n                        links to request\r\n                        or\r\n                        send\r\n                        money to friends, family, or colleagues. This is common in situations where\r\n                        splitting\r\n                        bills or sharing expenses.\r\n\r\n                    </label>\r\n                  \r\n\r\n                    <h5 class=\"mt-4\" >Subscription Services </h5>\r\n                    <label for=\"\" class=\"mt-3 spn\" >Companies offering\r\n                        subscription-based services\r\n                        may\r\n                        use\r\n                        payment links for initial sign-ups or to collect recurring payments from\r\n                        subscribers.\r\n\r\n                    </label>\r\n                    \r\n                    <label for=\"\" class=\"mt-3 spn\" >The versatility of payment links\r\n                        lies in their\r\n                        simplicity\r\n                        and\r\n                        ease of use. They provide a convenient way to handle financial transactions\r\n                        without\r\n                        the\r\n                        need for complex payment gateways or extensive setup processes.\r\n                    </label>\r\n                    \r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2  \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5 >\r\n                        Table of Contents:\r\n                    </h5>\r\n              \r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#9\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"videoHover\" [ngClass]=\"{'video':colors=='1'}\"\r\n                                    (click)=\"color('1')\">\r\n                                    What is a payment link? </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#9\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/workflow.svg\" class=\"tab-icon intro\" alt=\"\"> </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('108')\">\r\n                                    Workflow </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#10\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\" >\r\n                                    What is a payment link? </span>\r\n                          \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#11\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\" >Benefits\r\n                                    of a\r\n                                    Payment Link</span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#12\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\" >\r\n                                    Where are payment links used? </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\" style=\"width:60%\">\r\n                <a [routerLink]=\"['/web-integration']\">  <button class=\"btn btn-color \" (click)=\"menues('Web Integration')\" >\r\n                    <img src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Web Integration\r\n                </button></a>\r\n              \r\n            </div>\r\n            <div class=\"col-md-4   \" style=\"width:40%\">\r\n                <a [routerLink]=\"['/create-link']\">   <button class=\"btn btn-color\" (click)=\"menues('Create Payment')\" >How\r\n                    to\r\n                    Create Payment\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-payment-link-hindi',\r\n  templateUrl: './payment-link-hindi.component.html',\r\n  styleUrls: ['./payment-link-hindi.component.css']\r\n})\r\nexport class PaymentLinkHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n\r\n                \r\n\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n\r\n                    <h2 > भुगतान लिंक क्या है</h2>\r\n                </div>\r\n\r\n                           \r\n                <div class=\"col-md-10 col10 mt-4\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\" id=\"108\">\r\n                    <h2><b>कार्यप्रवाह</b></h2>\r\n                    <label for=\"\">नीचे दिया गया GIF भुगतान लिंक के वर्कफ़्लो को दर्शाता है।</label>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a> \r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"9\">\r\n                    <div style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/mR2MaKeeOEk\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\" id=\"108\">\r\n                    <img src=\"./assets/GIF/Payment Link workflow gif.gif\" width=\"95%\" height=\"89%\" alt=\"\"\r\n                        style=\"border-radius: 10px;\">\r\n                </div>\r\n                <div class=\"col-md-12 \" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\" id=\"10\">\r\n\r\n                    <h2 > भुगतान लिंक क्या है</h2>\r\n                                      <label for=\"\" class=\"spn mt-3   \" >पे जी में भुगतान लिंक अनुभाग\r\n                        व्यवसायों को अपने ग्राहकों के साथ भुगतान लिंक बनाने और साझा करने में सक्षम\r\n                        बनाता है। भुगतान लिंक वे यूआरएल हैं जो ग्राहकों को एक सुरक्षित भुगतान पृष्ठ\r\n                        पर ले जाते हैं जहां वे किसी विशिष्ट उत्पाद, सेवा या चालान के लिए भुगतान कर\r\n                        सकते हैं। ये लिंक विभिन्न संचार चैनलों जैसे ईमेल, एसएमएस, चैट ऐप्स आदि के\r\n                        माध्यम से साझा किए जाते हैं। पे जी द्वारा प्रदान किए गए भुगतान लिंक व्यवसायों\r\n                        के लिए एक पूर्ण वेबसाइट या अपने मौजूदा प्लेटफ़ॉर्म के साथ एकीकरण की आवश्यकता\r\n                        के बिना जल्दी से ऑनलाइन भुगतान स्वीकार करना शुरू करने का एक शानदार तरीका है।\r\n                        . यह ग्राहकों के लिए भुगतान प्रक्रिया को सरल बनाता है और व्यवसायों को\r\n                        निर्बाध भुगतान अनुभव प्रदान करके अपना राजस्व बढ़ाने में मदद करता है।\r\n                    </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"11\">\r\n                  \r\n                    <h2 >\r\n                        भुगतान लिंक के लाभ:\r\n                    </h2>\r\n                   \r\n                    <label for=\"\" class=\"mt-3 spn\" >भुगतान लिंक व्यवसायों और व्यक्तियों\r\n                        के लिए कई लाभ प्रदान करते हैं, जिससे भुगतान भेजने और प्राप्त करने की\r\n                        प्रक्रिया अधिक कुशल और सुविधाजनक हो जाती है। यहां कुछ प्रमुख लाभ दिए गए हैं|\r\n                    </label>\r\n\r\n                    <h5 class=\"mt-4\" >आसान साझाकरण: </h5>\r\n                   \r\n                    <label for=\"\" class=\"mt-3 spn\" >भुगतान लिंक उपयोगकर्ताओं को ईमेल,\r\n                        मैसेजिंग ऐप या सोशल मीडिया जैसे विभिन्न चैनलों के माध्यम से एक क्लिक करने\r\n                        योग्य लिंक साझा करने की अनुमति देता है, जिससे यह भुगतानकर्ता और प्राप्तकर्ता\r\n                        दोनों के लिए सुविधाजनक हो जाता है। </label>\r\n\r\n                    <h5 class=\"mt-4\" >किसी भौतिक उपस्थिति की आवश्यकता नहीं: </h5>\r\n                    \r\n                    <label for=\"\" class=\"mt-3 spn\" >भुगतान लिंक लेनदेन के दौरान भौतिक\r\n                        उपस्थिति की आवश्यकता को समाप्त करते हैं, जो विशेष रूप से दूरस्थ या डिजिटल\r\n                        व्यापार लेनदेन में उपयोगी है।\r\n                    </label>\r\n\r\n                    <h5 class=\"mt-4\" >त्वरित लेनदेन: </h5>\r\n                    \r\n                    <label for=\"\" class=\"mt-3 spn\" >भुगतान लिंक पारंपरिक भुगतान विधियों\r\n                        की तुलना में तेज़ लेनदेन की सुविधा प्रदान करते हैं, क्योंकि उपयोगकर्ता कुछ\r\n                        ही क्लिक के साथ भुगतान प्रक्रिया पूरी कर सकते हैं।\r\n\r\n                    </label>\r\n\r\n                    <h5 class=\"mt-4\" >वास्तविक समय पुष्टि: </h5>\r\n                    \r\n                    <label for=\"\" class=\"mt-3 spn\" >दोनों पक्षों को भुगतान की तुरंत\r\n                        पुष्टि मिल जाती है, जिससे धन के भुगतान की प्रतीक्षा में लगने वाला समय और\r\n                        अनिश्चितता कम हो जाती है।\r\n                    </label>\r\n\r\n                    <h5 class=\"mt-4\" >सुरक्षित लेनदेन: </h5>\r\n\r\n                    <label for=\"\" class=\"mt-3 spn\" >भुगतान लिंक अक्सर सुरक्षित और\r\n                        एन्क्रिप्टेड चैनलों का उपयोग करते हैं, जिससे लेनदेन के दौरान वित्तीय जानकारी\r\n                        की सुरक्षा सुनिश्चित होती है।\r\n                    </label>\r\n\r\n                    <h5 class=\"mt-4\" >एकाधिक भुगतान विकल्प: </h5>\r\n                   \r\n                    <label for=\"\" class=\"mt-3 spn\" >भुगतान लिंक को विभिन्न भुगतान\r\n                        विधियों, जैसे क्रेडिट/डेबिट कार्ड, डिजिटल वॉलेट, या बैंक हस्तांतरण को\r\n                        स्वीकार करने के लिए कॉन्फ़िगर किया जा सकता है, जो भुगतानकर्ताओं को लचीलापन\r\n                        प्रदान करता है। </label>\r\n\r\n                    <h5 class=\"mt-4\" >अनुकूलन: </h5>\r\n             \r\n                    <label for=\"\" class=\"mt-3 spn\" >व्यवसाय ग्राहकों को स्पष्टता प्रदान\r\n                        करने के लिए चालान जानकारी, देय तिथियां, या आइटमयुक्त सूचियों जैसे विवरणों के\r\n                        साथ भुगतान लिंक को अनुकूलित कर सकते हैं।\r\n                    </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id=\"12\">\r\n                    <h2 >पेमेंट लिंक का कहाँ इस्तेमाल करें: </h2>\r\n                   \r\n                    <label for=\"\"  class=\"spn mt-3\">लेनदेन को सुविधाजनक बनाने के लिए\r\n                        विभिन्न उद्योगों में विभिन्न संदर्भों में भुगतान लिंक का उपयोग किया जाता है।\r\n                        यहां कुछ सामान्य परिदृश्य दिए गए हैं जहां भुगतान लिंक का अक्सर उपयोग किया\r\n                        जाता है:</label>\r\n                    <h5 class=\"mt-4\" >ई-कॉमर्स: </h5>\r\n                   \r\n                    <label for=\"\" class=\"mt-3 spn\" >ऑनलाइन रिटेल में, व्यवसाय अक्सर\r\n                        विशिष्ट उत्पादों या सेवाओं के लिए भुगतान लिंक उत्पन्न करते हैं। ग्राहक सीधे\r\n                        भुगतान करने के लिए लिंक पर क्लिक कर सकते हैं, जिससे चेकआउट प्रक्रिया सरल हो\r\n                        जाएगी। </label>\r\n\r\n                    <h5 class=\"mt-4\" >चालान-प्रक्रिया: </h5>\r\n                   \r\n                    <label for=\"\" class=\"mt-3 spn\" >व्यवसाय और फ्रीलांसर चालान में\r\n                        भुगतान लिंक का उपयोग करते हैं। पारंपरिक भुगतान विधियों के बजाय, प्राप्तकर्ता\r\n                        चालान का निपटान करने के लिए भुगतान लिंक पर क्लिक कर सकते हैं, जिससे भुगतान\r\n                        प्रक्रिया अधिक सुविधाजनक हो जाती है। </label>\r\n\r\n                    <h5 class=\"mt-4\" >सेवा प्रदाताओं:</h5>\r\n\r\n                    <label for=\"\" class=\"mt-3 spn\" >पेशेवर और सेवा प्रदाता, जैसे\r\n                        सलाहकार या ठेकेदार, अपनी सेवाओं के लिए भुगतान का अनुरोध करने के लिए भुगतान\r\n                        लिंक का उपयोग कर सकते हैं। यह विधि दोनों पक्षों के लिए भुगतान प्रक्रिया को\r\n                        सरल बनाती है। </label>\r\n\r\n                    <h5 class=\"mt-4\" >दान और धन उगाही: </h5>\r\n                    \r\n                    <label for=\"\" class=\"mt-3 spn\" >गैर-लाभकारी संगठन और धन उगाहने वाले\r\n                        अभियान चलाने वाले व्यक्ति अक्सर दान इकट्ठा करने के लिए भुगतान लिंक का उपयोग\r\n                        करते हैं। यह समर्थकों को योगदान देने का एक सीधा तरीका प्रदान करता है।\r\n\r\n                    </label>\r\n\r\n                    <h5 class=\"mt-4\" >कार्यक्रम पंजीकरण: </h5>\r\n               \r\n                    <label for=\"\" class=\"mt-3 spn\" >कार्यक्रम आयोजित करते समय, आयोजक\r\n                        टिकट बिक्री या पंजीकरण शुल्क के लिए भुगतान लिंक का उपयोग कर सकते हैं।\r\n                        उपस्थित लोग अपनी भागीदारी के लिए भुगतान करने के लिए लिंक पर क्लिक कर सकते\r\n                        हैं।\r\n                    </label>\r\n\r\n                   \r\n                    <h5 class=\"mt-4\" >सहकर्मी से सहकर्मी लेनदेन: </h5>\r\n                    \r\n                    <label for=\"\" class=\"mt-3 spn\" >व्यक्ति मित्रों, परिवार या\r\n                        सहकर्मियों को पैसे भेजने या अनुरोध करने के लिए भुगतान लिंक उत्पन्न कर सकते\r\n                        हैं। यह उन स्थितियों में आम है जहां बिल बांटना या खर्च साझा करना आम बात है।\r\n\r\n                    </label>\r\n\r\n                    <h5 class=\"mt-4\" >सदस्यता सेवाएँ: </h5>\r\n                   \r\n                    <label for=\"\" class=\"mt-3 spn\" >सदस्यता-आधारित सेवाएं प्रदान करने\r\n                        वाली कंपनियां प्रारंभिक साइन-अप के लिए या ग्राहकों से आवर्ती भुगतान एकत्र\r\n                        करने के लिए भुगतान लिंक का उपयोग कर सकती हैं।\r\n\r\n                    </label>\r\n                 \r\n                    <label for=\"\" class=\"mt-3 spn\" >भुगतान लिंक की बहुमुखी प्रतिभा उनकी\r\n                        सरलता और उपयोग में आसानी में निहित है। वे जटिल भुगतान गेटवे या व्यापक सेटअप\r\n                        प्रक्रियाओं की आवश्यकता के बिना वित्तीय लेनदेन को संभालने का एक सुविधाजनक\r\n                        तरीका प्रदान करते हैं।\r\n                    </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2  \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                  \r\n                    <h5 >\r\n                        विषयसूची:\r\n                    </h5>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#9\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"videoHover\" [ngClass]=\"{'video':colors=='1'}\"\r\n                                    (click)=\"color('1')\">\r\n                                    भुगतान लिंक क्या है? </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#9\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/GIF/GIF.svg\" class=\"tab-icon intro\" alt=\"\"> </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('108')\">\r\n                                    कार्यप्रवाह </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#10\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                               \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\" >\r\n                                    भुगतान लिंक क्या है? </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#11\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                             \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\" >भुगतान लिंक के लाभ </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#12\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                           \r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\" >भुगतान लिंक का उपयोग कहाँ किया जाता है?\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\" style=\"width:60%\">\r\n          \r\n                <a [routerLink]=\"['/web-integration']\">   <button class=\"btn btn-color\" (click)=\"menues('Web Integration')\" >\r\n                    <img src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;वेब एकीकरण\r\n\r\n                </button></a>\r\n            </div>\r\n            <div class=\"col-md-4   \" style=\"width:40%\">\r\n              \r\n                <a [routerLink]=\"['/create-link']\">  <button class=\"btn btn-color\" (click)=\"menues('Create Payment')\"\r\n                    >पेमेंट लिंक\r\n                    कैसे क्रिएट करें\r\n\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","<app-payment-link *ngIf=\"english\"></app-payment-link>\r\n<app-payment-link-hindi *ngIf=\"hindi\"></app-payment-link-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-main-links',\r\n  templateUrl: './main-links.component.html',\r\n  styleUrls: ['./main-links.component.css']\r\n})\r\nexport class MainLinksComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-create-link',\r\n  templateUrl: './create-link.component.html',\r\n  styleUrls: ['./create-link.component.css']\r\n})\r\nexport class CreateLinkComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n<div class=\"card crd p-3\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-10 col10\">\r\n            <h5><b>Generating a payment link via the dashboard.</b></h5>\r\n            <label for=\"\">The animated GIF illustrates the process of generating a payment\r\n                link directly from the dashboard.</label>\r\n        </div>\r\n        <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n            alt=\"\"> </button> </a></div>\r\n        <div class=\"col-md-12 mt-3\">\r\n            <img src=\"./assets/GIF/Creating Payment link GIF.gif\" width=\"95%\" height=\"95%\"\r\n                alt=\"\" style=\"border-radius: 10px;\">\r\n        </div>\r\n\r\n        <div class=\"col-md-10 col10 mt-2\">\r\n            <h2 >How to Create Payment link</h2>\r\n           \r\n        </div>\r\n\r\n        <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n            (mouseout)=\"showpayment(false,'1')\" id='13'>\r\n            <div\r\n                style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                <iframe\r\n                    class=\"i-frame\"\r\n                    src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                    frameborder=\"0\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                    allowfullscreen></iframe>\r\n            </div>\r\n        </div> -->\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2') \"\r\n            (mouseout)=\"showpayment(false,'2')\" id=\"14\">\r\n            <h3 >Creating a payment link in PayG typically involves the\r\n                following steps:\r\n                <br><br>\r\n\r\n                On the web\r\n            </h3>\r\n          \r\n            <ol class=\"mt-3\">\r\n                <li >Sign in to the PayG dashboard, then click on the\r\n                    “Create” button and\r\n                    then\r\n                    “Payment\r\n                    link”. </li>\r\n              \r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-4\">\r\n                        <img src=\"./assets/1.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/2.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                    </div>\r\n                </div>\r\n                <li class=\"mt-5\" >Enter the required details and then click\r\n                    on “Create\r\n                    payment\r\n                    link”.\r\n                </li>\r\n              \r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-4\">\r\n                        <img src=\"./assets/3.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n\r\n                </div>\r\n                <li class=\"mt-2\" >A confirmation message will be shown on the\r\n                    screen and the\r\n                    page\r\n                    will be\r\n                    redirected to the next page where you can check your details again and\r\n                    if\r\n                    you\r\n                    want\r\n                    to allow partial payments, you can check the box given. </li>\r\n               \r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col-md-12 mt-3 \">\r\n                        <img src=\"./assets/4.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/5.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n                <li class=\"mt-4\" >The link will be sent directly to the\r\n                    customer's mobile\r\n                    phone,\r\n                    or\r\n                    you\r\n                    can copy it and send it to customers via email or other chat\r\n                    applications.\r\n                </li>\r\n               \r\n            </ol>\r\n        </div>\r\n        <div class=\"col md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\"\r\n            (mouseout)=\"showpayment(false,'3')\" id=\"15\">\r\n            <h5 >On the mobile app: </h5>\r\n            <ul>\r\n                <li class=\"mt-5\" >\r\n                    After signing in, click on the \"+\" button, which is located at the\r\n                    bottom\r\n                    right\r\n                    of\r\n                    the screen, and select the first option which is “Payment Link”\r\n                </li>\r\n              \r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3 text-center\">\r\n                        <img src=\"./assets/create1.png\" alt=\"\" width=\"40%\" height=\"65%\">\r\n                    </div>\r\n                </div>\r\n                <li class=\"mt-3\" >\r\n                    You can select either of the options given “Create a detailed payment\r\n                    link”\r\n                    or\r\n                    “Create an Instant payment link”.\r\n                </li>\r\n                \r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3 text-center\">\r\n                        <img src=\"./assets/Selected photo (6).jpg\" alt=\"\" width=\"50%\"\r\n                            height=\"65%\">\r\n                    </div>\r\n                </div>\r\n                <li class=\"     \" >The name, email, and mobile number of the\r\n                    customer can all\r\n                    be\r\n                    included\r\n                    in a detailed payment link, allowing for a great level of\r\n                    personalization.\r\n                    Also\r\n                    included are the payment's purpose and the link's expiration date and\r\n                    time.\r\n                    The\r\n                    smooth payment experience that results from this modification is\r\n                    consistent\r\n                    with\r\n                    the\r\n                    merchant's website or brand identification. You can manage your links as\r\n                    well in\r\n                    this section. </li>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3 text-center\">\r\n                        <img src=\"./assets/Selected photo (7).jpg \" alt=\"\" width=\"50%\"\r\n                            height=\"65%\">\r\n                    </div>\r\n                </div>\r\n                <li >A quick payment link is designed for a more\r\n                    straightforward and faster\r\n                    payment\r\n                    experience. It aims to minimize the steps and information required from\r\n                    the\r\n                    customer\r\n                    during the payment process. It simply includes the name of the customer,\r\n                    amount,\r\n                    and\r\n                    link expiry date. You can manage your links in this section also. </li>\r\n             \r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3 text-center\">\r\n                        <img src=\"./assets/Selected photo (8).jpg \" alt=\"\" width=\"50%\"\r\n                            height=\"65%\">\r\n                    </div>\r\n                </div>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-4  hide-tbl content2 \">\r\n<div class=\"card crd p-4\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n            <h5 >\r\n                Table of Contents:\r\n            </h5>\r\n         \r\n        </div>\r\n        <!-- <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#13\"> <div class=\"row\">\r\n                <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                        alt=\"\"> &nbsp;</div>\r\n                <div class=\"col-md-10\">\r\n                    <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                        [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                        Creating it on the web </span>\r\n                </div>\r\n            </div></a>\r\n        </div> -->\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#14\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                            >\r\n                            Creating it on the web </span>\r\n                   \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#15\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                            >Creating\r\n                            it on\r\n                            PayG mobile app </span>\r\n                        \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n\r\n\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-9 hide ft-9\">\r\n    <hr>\r\n    <div class=\" row crd\">\r\n        <div class=\"col-md-8\">\r\n            <a [routerLink]=\"['/payment-link']\"> <button class=\"btn btn-color\" (click)=\"menues('Payment Link')\" > <img\r\n                    src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Payment Link\r\n            </button></a>\r\n      \r\n        </div>\r\n        <div class=\"col-md-4  \">\r\n            <a [routerLink]=\"['/g-store']\"><button class=\"btn btn-color\" (click)=\"menues('G-Store')\" >G-Store\r\n                &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n          \r\n        </div>\r\n    </div>\r\n</div>\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-create-link-hindi',\r\n  templateUrl: './create-link-hindi.component.html',\r\n  styleUrls: ['./create-link-hindi.component.css']\r\n})\r\nexport class CreateLinkHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n<div class=\"card crd p-3\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-10 col10\">\r\n            <h5><b>डैशबोर्ड के माध्यम से भुगतान लिंक उत्पन्न करना</b></h5>\r\n            <label for=\"\">एनिमेटेड GIF भुगतान उत्पन्न करने की प्रक्रिया को दर्शाता है\r\n                डैशबोर्ड से सीधे लिंक करें।</label>\r\n        </div>\r\n        <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n            alt=\"\"> </button> </a></div>\r\n        <div class=\"col-md-12 mt-3\">\r\n            <img src=\"./assets/GIF/Creating Payment link GIF.gif\" width=\"95%\" height=\"95%\"\r\n                alt=\"\" style=\"border-radius: 10px;\">\r\n        </div>\r\n\r\n        <div class=\"col-md-10 col10 mt-2\">\r\n            <h2 >पेमेंट लिंक कैसे क्रिएट करें\r\n            </h2>\r\n        </div>\r\n\r\n        <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n            (mouseout)=\"showpayment(false,'1')\" id='13'>\r\n            <div\r\n                style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                <iframe\r\n                    class=\"i-frame\"\r\n                    src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                    frameborder=\"0\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                    allowfullscreen></iframe>\r\n            </div>\r\n        </div> -->\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2') \"\r\n            (mouseout)=\"showpayment(false,'2')\" id=\"14\">\r\n          \r\n            <h3 >पे जी में भुगतान लिंक बनाने में आमतौर पर निम्नलिखित चरण शामिल\r\n                होते हैं:\r\n                <br><br>\r\n\r\n                वेब पर:\r\n            </h3>\r\n            <ol class=\"mt-3\">\r\n              \r\n                <li >पे जी डैशबोर्ड में साइन इन करें, फिर \"Create\" बटन पर क्लिक\r\n                    करें और फिर \"Payment\r\n                    link\" पर क्लिक करें। </li>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-4\">\r\n                        <img src=\"./assets/1.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/2.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                    </div>\r\n                </div>\r\n              \r\n                <li class=\"mt-5\" >आवश्यक विवरण दर्ज करें और फिर “Create\r\n                    payment\r\n                    link” पर क्लिक करें।\r\n                </li>\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-4\">\r\n                        <img src=\"./assets/3.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n\r\n                </div>\r\n                               <li class=\"mt-2\" >स्क्रीन पर एक पुष्टिकरण संदेश दिखाया जाएगा और\r\n                    पृष्ठ को अगले पृष्ठ पर पुनः निर्देशित किया जाएगा जहां आप अपना विवरण फिर\r\n                    से जांच सकते हैं और यदि आप आंशिक भुगतान की अनुमति देना चाहते हैं, तो आप\r\n                    दिए गए बॉक्स को चेक कर सकते हैं। </li>\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col-md-12 mt-3 \">\r\n                        <img src=\"./assets/4.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/5.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n            \r\n                <li class=\"mt-4\" >लिंक सीधे ग्राहक के मोबाइल फोन पर भेजा जाएगा,\r\n                    या आप इसे कॉपी करके ईमेल या अन्य चैट एप्लिकेशन के माध्यम से ग्राहकों को\r\n                    भेज सकते हैं।\r\n                </li>\r\n            </ol>\r\n        </div>\r\n        <div class=\"col md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\"\r\n            (mouseout)=\"showpayment(false,'3')\" id=\"15\">\r\n            <h5 >मोबाइल ऐप पर: </h5>\r\n            <ul>\r\n               \r\n                <li class=\"mt-5\" >\r\n                    साइन इन करने के बाद, \"+\" बटन पर क्लिक करें, जो स्क्रीन के नीचे दाईं ओर\r\n                    स्थित है, और पहला विकल्प चुनें जो \"Payment Link\" है।\r\n                </li>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3 text-center\">\r\n                        <img src=\"./assets/create1.png\" alt=\"\" width=\"40%\" height=\"65%\">\r\n                    </div>\r\n                </div>\r\n                \r\n                <li class=\"mt-3\" >\r\n                    आप दिए गए विकल्पों में से किसी एक का चयन कर सकते हैं \"Create a detailed\r\n                    payment\r\n                    link\" या \"Create an Instant payment link\"।\r\n                </li>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3 text-center\">\r\n                        <img src=\"./assets/Selected photo (6).jpg\" alt=\"\" width=\"50%\"\r\n                            height=\"65%\">\r\n                    </div>\r\n                </div>\r\n       \r\n                <li class=\"     \" >ग्राहक का नाम, ईमेल और मोबाइल नंबर सभी को एक\r\n                    विस्तृत भुगतान लिंक में शामिल किया जा सकता है, जिससे बड़े स्तर पर\r\n                    वैयक्तिकरण की अनुमति मिलती है। इसमें भुगतान का उद्देश्य और लिंक की\r\n                    समाप्ति तिथि और समय भी शामिल है। इस संशोधन के परिणामस्वरूप होने वाला सहज\r\n                    भुगतान अनुभव व्यापारी की वेबसाइट या ब्रांड पहचान के अनुरूप है। आप इस\r\n                    अनुभाग में अपने लिंक भी प्रबंधित कर सकते हैं| </li>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3 text-center\">\r\n                        <img src=\"./assets/Selected photo (7).jpg \" alt=\"\" width=\"50%\"\r\n                            height=\"65%\">\r\n                    </div>\r\n                </div>\r\n              \r\n                <li >त्वरित भुगतान लिंक अधिक सरल और तेज़ भुगतान अनुभव के लिए\r\n                    डिज़ाइन किया गया है। इसका उद्देश्य भुगतान प्रक्रिया के दौरान ग्राहक से\r\n                    आवश्यक कदमों और जानकारी को कम करना है। इसमें बस ग्राहक का नाम, राशि और\r\n                    लिंक की समाप्ति तिथि शामिल है। आप इस अनुभाग में भी अपने लिंक प्रबंधित कर\r\n                    सकते हैं| </li>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3 text-center\">\r\n                        <img src=\"./assets/Selected photo (8).jpg \" alt=\"\" width=\"50%\"\r\n                            height=\"65%\">\r\n                    </div>\r\n                </div>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-4  hide-tbl content2 \">\r\n<div class=\"card crd p-4\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n           \r\n            <h5 >\r\n                विषयसूची:\r\n            </h5>\r\n        </div>\r\n        <!-- <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#13\"> <div class=\"row\">\r\n                <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                        alt=\"\"> &nbsp;</div>\r\n                <div class=\"col-md-10\">\r\n                    <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                        [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                        Creating it on the web </span>\r\n                </div>\r\n            </div></a>\r\n        </div> -->\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#14\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                      \r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                            >\r\n                            इसे वेब पर बनाना </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#15\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                       \r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                            >इसे पे जी मोबाइल ऐप पर बना रहे हैं </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n\r\n\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-9 hide ft-9\">\r\n    <hr>\r\n    <div class=\" row crd\">\r\n        <div class=\"col-md-8\">\r\n           \r\n            <a [routerLink]=\"['/payment-link']\"> <button class=\"btn btn-color\" (click)=\"menues('Payment Link')\" > <img\r\n                    src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;पेमेंट लिंक\r\n\r\n            </button></a>\r\n        </div>\r\n        <div class=\"col-md-4  \">\r\n            \r\n            <a [routerLink]=\"['/g-store']\">  <button class=\"btn btn-color\" (click)=\"menues('G-Store')\" >जी-स्टोर\r\n                &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>","<app-create-link *ngIf=\"english\"></app-create-link>\r\n<app-create-link-hindi *ngIf=\"hindi\"></app-create-link-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-create-main',\r\n  templateUrl: './create-main.component.html',\r\n  styleUrls: ['./create-main.component.css']\r\n})\r\nexport class CreateMainComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-payment-qr',\r\n  templateUrl: './payment-qr.component.html',\r\n  styleUrls: ['./payment-qr.component.css']\r\n})\r\nexport class PaymentQrComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\" (mouseover)=\"showpayment(true,'2')\"\r\n                    (mouseout)=\"showpayment(false,'2')\" id=\"17\">\r\n                    <h2 >Payment QR </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a> \r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n            (mouseout)=\"showpayment(false,'1')\" id='16'>\r\n            <div\r\n                style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                <iframe\r\n                    class=\"i-frame\"\r\n                    src=\"https://www.youtube.com/embed/RLUjhndQ-f8\"\r\n                    title=\"YouTube video player\" frameborder=\"0\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                    allowfullscreen></iframe>\r\n            </div>\r\n        </div> -->\r\n                <div class=\"col-md-12 mt-2\">\r\n\r\n                    <label for=\"\" class=\"mt-3\" >With Payment QR, PayG is bridging the\r\n                        gap between\r\n                        technology\r\n                        and\r\n                        convenience, allowing your customers to complete transactions swiftly and\r\n                        securely\r\n                        using\r\n                        the power of QR codes. With Payment QR, we're redefining the payment\r\n                        experience,\r\n                        making\r\n                        it faster, safer, and more seamless than ever. No matter where you are or\r\n                        what\r\n                        you're\r\n                        purchasing, our Payment QR feature empowers you to complete transactions\r\n                        effortlessly,\r\n                        ensuring a secure and efficient process for both merchants and\r\n                        customers.</label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"18\">\r\n                    <h2 >Key Benefits of Payment QR: </h2>\r\n                    <ul>\r\n                        <li class=\"mt-3\" >\r\n                            <b>Instant Transactions:</b>&nbsp; Payment QR enables rapid transactions\r\n                            with a\r\n                            simple scan.\r\n                        </li>\r\n                        <li class=\"mt-3\" >\r\n                            <b>User-Friendly Experience: </b>&nbsp; Seamlessly integrated into\r\n                            PayG’s\r\n                            platform,\r\n                            Payment QR offers a user-friendly experience for both customers and\r\n                            merchants.\r\n                        </li>\r\n                        <li class=\"mt-3\" >\r\n                            <b>Enhanced Security:</b>&nbsp;Each QR code is encrypted, ensuring\r\n                            secure\r\n                            payment\r\n                            processing and safeguarding sensitive information.\r\n                        </li>\r\n                        <li class=\"mt-3\" >\r\n                            <b>Anytime, Anywhere Payments:</b>&nbsp; Whether in-store, at events, or\r\n                            online,\r\n                            Payment QR empowers payments across various touchpoints.\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id=\"19\">\r\n                    <h2 >Get started with your PayG QR code to collect payments:\r\n                    </h2>\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\">\r\n                    <label for=\"\" ><b>Step 1:</b> Sign in to your PayG merchant\r\n                        account, if you are a\r\n                        new user then register yourself with PayG. </label>\r\n                    <br><img src=\"./assets/create1.png\" alt=\"\" width=\"40%\" height=\"80%\" class=\"mt-2\">\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\">\r\n                    <label for=\"\" ><b>Step 2:</b> On your merchant dashboard, go to\r\n                        the left sidebar\r\n                        menu and click on “My QR Code”. </label>\r\n                    <br><img src=\"./assets/qr1.png\" alt=\"\" width=\"40%\" height=\"80%\" class=\"mt-2\">\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\">\r\n                    <label for=\"\" ><b>Step 3:</b>Merchants can download it and share\r\n                        it with their\r\n                        customers to collect payments. Additionally, they have the flexibility to\r\n                        set a custom amount based on their product. </label>\r\n                    <br><img src=\"./assets/qr2.png\" alt=\"\" width=\"40%\" height=\"80%\" class=\"mt-2\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4   hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5 >\r\n                        Table of Contents:\r\n                    </h5>\r\n                </div>\r\n                <!-- <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#16\"> <div class=\"row\">\r\n\r\n\r\n                <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                        alt=\"\"> &nbsp;</div>\r\n                <div class=\"col-md-10\">\r\n\r\n                    <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                        [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                        What is a Payment QR </span>\r\n                </div>\r\n            </div></a>\r\n        </div> -->\r\n\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#17\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\" >\r\n                                    What is a Payment QR? </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#18\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\" >Benefits\r\n                                    of\r\n                                    Payment QR </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#19\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\" >How to get\r\n                                    started? </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/pay-button']\"> <button class=\"btn btn-color\" (click)=\"menues('Pay Button')\"> <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Pay Button\r\n                </button></a>\r\n              \r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/invoice']\">  <button class=\"btn btn-color\" (click)=\"menues('Invoice')\">Invoice\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n               \r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-payment-qr-hindi',\r\n  templateUrl: './payment-qr-hindi.component.html',\r\n  styleUrls: ['./payment-qr-hindi.component.css']\r\n})\r\nexport class PaymentQrHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\" (mouseover)=\"showpayment(true,'2')\"\r\n                    (mouseout)=\"showpayment(false,'2')\" id=\"17\">\r\n                    <h2 >भुगतान क्यूआर </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a> \r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n            (mouseout)=\"showpayment(false,'1')\" id='16'>\r\n            <div\r\n                style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                <iframe\r\n                    class=\"i-frame\"\r\n                    src=\"https://www.youtube.com/embed/RLUjhndQ-f8\"\r\n                    title=\"YouTube video player\" frameborder=\"0\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                    allowfullscreen></iframe>\r\n            </div>\r\n        </div> -->\r\n                <div class=\"col-md-12 mt-2\">\r\n\r\n                    <label for=\"\" class=\"mt-3\" >पेमेंट क्यूआर के साथ, पेजी प्रौद्योगिकी\r\n                        और सुविधा के बीच की खाई को पाट रहा है, जिससे आपके ग्राहकों को क्यूआर कोड की\r\n                        शक्ति का उपयोग करके लेनदेन तेजी से और सुरक्षित रूप से पूरा करने की अनुमति\r\n                        मिलती है। पेमेंट क्यूआर के साथ, हम भुगतान अनुभव को फिर से परिभाषित कर रहे\r\n                        हैं, इसे पहले से कहीं अधिक तेज़, सुरक्षित और अधिक सहज बना रहे हैं। इससे कोई\r\n                        फर्क नहीं पड़ता कि आप कहां हैं या क्या खरीद रहे हैं, हमारी भुगतान क्यूआर\r\n                        सुविधा आपको लेनदेन को सहजता से पूरा करने में सक्षम बनाती है, जिससे\r\n                        व्यापारियों और ग्राहकों दोनों के लिए एक सुरक्षित और कुशल प्रक्रिया सुनिश्चित\r\n                        होती है। </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"18\">\r\n                    <h2 >क्यूआर भुगतान के मुख्य लाभ: </h2>\r\n                    <ul>\r\n                      <li class=\"mt-3\" >\r\n                            <b>त्वरित लेनदेन:</b>&nbsp; भुगतान क्यूआर एक साधारण स्कैन के साथ तेजी से\r\n                            लेनदेन को सक्षम बनाता है।\r\n                        </li>\r\n                        <li class=\"mt-3\" >\r\n                            <b>उपयोगकर्ता के अनुकूल अनुभव:</b>&nbsp; पे जी के प्लेटफ़ॉर्म में सहजता\r\n                            से एकीकृत, पेमेंट क्यूआर ग्राहकों और व्यापारियों दोनों के लिए उपयोगकर्ता\r\n                            के अनुकूल अनुभव प्रदान करता है।\r\n                        </li>\r\n                        <li class=\"mt-3\" >\r\n                            <b> उन्नत सुरक्षा:</b>&nbsp;प्रत्येक क्यूआर कोड एन्क्रिप्टेड है, जो\r\n                            सुरक्षित भुगतान प्रसंस्करण और संवेदनशील जानकारी की सुरक्षा सुनिश्चित\r\n                            करता है।\r\n                        </li>\r\n                        <li class=\"mt-3\" >\r\n                            <b>कभी भी, कहीं भी भुगतान:</b>&nbsp; चाहे स्टोर में हो, इवेंट में हो या\r\n                            ऑनलाइन, पेमेंट क्यूआर विभिन्न टचप्वाइंट पर भुगतान को सशक्त बनाता है।\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id=\"19\">\r\n                    <h2 >भुगतान एकत्र करने के लिए अपने पे जी QR कोड से शुरुआत करें:\r\n                    </h2>\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\">\r\n                    <label for=\"\" ><b>चरण 1:</b> अपने पे जी मर्चेंट खाते में साइन इन\r\n                        करें, यदि आप एक नए उपयोगकर्ता हैं तो अपने आप को पे जी के साथ पंजीकृत करें|\r\n                    </label>\r\n                    <br><img src=\"./assets/create1.png\" alt=\"\" width=\"40%\" height=\"80%\" class=\"mt-2\">\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\">\r\n                    <label for=\"\" ><b>चरण 2:</b> अपने मर्चेंट डैशबोर्ड पर, बाएं साइडबार\r\n                        मेनू पर जाएं और \"My QR Code\" पर क्लिक करें। </label>\r\n                    <br><img src=\"./assets/qr1.png\" alt=\"\" width=\"40%\" height=\"80%\" class=\"mt-2\">\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\">\r\n                    <label for=\"\" ><b>चरण 3:</b>व्यापारी इसे डाउनलोड कर सकते हैं और\r\n                        भुगतान एकत्र करने के लिए अपने ग्राहकों के साथ साझा कर सकते हैं।\r\n                        इसके अतिरिक्त, उनके पास अपने उत्पाद के आधार पर एक कस्टम राशि निर्धारित करने\r\n                        की सुविधा है। </label>\r\n                    <br><img src=\"./assets/qr2.png\" alt=\"\" width=\"40%\" height=\"80%\" class=\"mt-2\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4   hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5 >\r\n                        विषयसूची:\r\n                    </h5>\r\n                </div>\r\n                <!-- <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#16\"> <div class=\"row\">\r\n\r\n\r\n                <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                        alt=\"\"> &nbsp;</div>\r\n                <div class=\"col-md-10\">\r\n\r\n                    <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                        [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                        What is a Payment QR </span>\r\n                </div>\r\n            </div></a>\r\n        </div> -->\r\n\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#17\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\" >\r\n                                    पेमेंट क्यूआर क्या है?</span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#18\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\" >क्यूआर भुगतान के लाभ </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#19\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\" >शुरुआत कैसे करें? </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n             \r\n                <a [routerLink]=\"['/pay-button']\"> <button class=\"btn btn-color\" (click)=\"menues('Pay Button')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;पे बटन\r\n\r\n                </button></a>\r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n            \r\n                <a [routerLink]=\"['/invoice']\"> <button class=\"btn btn-color\" (click)=\"menues('Invoice')\" >इनवॉइस\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","<app-payment-qr *ngIf=\"english\"></app-payment-qr>\r\n<app-payment-qr-hindi *ngIf=\"hindi\"></app-payment-qr-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-p-qr',\r\n  templateUrl: './p-qr.component.html',\r\n  styleUrls: ['./p-qr.component.css']\r\n})\r\nexport class PQRComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>Payment Gateways</h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \">\r\n                    <a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img\r\n                                src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                                alt=\"\"> </button> </a>\r\n                </div>\r\n\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n                    <div style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/tScYv5RleU8\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <label for=\"\" class=\"spm\">A payment gateway is a technology that\r\n                        facilitates the\r\n                        secure and efficient transfer of payment information between a website,\r\n                        mobile application, or point-of-sale system and a bank or financial\r\n                        institution. It acts as a bridge between the merchant (seller) and the\r\n                        payment processor or acquiring bank, ensuring that the customer's payment\r\n                        details are encrypted and transmitted securely. </label>\r\n\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <label for=\"\" class=\"spm\">The main purpose of a payment gateway\r\n                        is to authorize\r\n                        and process payment transactions in a way that is both secure and seamless.\r\n                    </label>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"2\">\r\n                    <h3>\r\n                        Here's how a payment gateway typically works:\r\n                    </h3>\r\n\r\n                    <label class=\"mt-4 spn\"><b>Customer initiates a\r\n                            transaction:</b>&nbsp; When a\r\n                        customer makes\r\n                        a purchase on an e-commerce website or mobile app, they enter their payment\r\n                        information\r\n                        (credit card details, bank account information, etc.) during the checkout\r\n                        process.\r\n                    </label>\r\n                    <label class=\"mt-4 spn\"><b>Data encryption: </b>&nbsp;The\r\n                        payment gateway\r\n                        encrypts\r\n                        the\r\n                        customer's payment data to ensure its security during transmission. This\r\n                        encryption\r\n                        helps protect sensitive information from unauthorized access or\r\n                        theft.</label>\r\n\r\n                    <label class=\"mt-4 spn\"><b>Transmission to the acquiring\r\n                            bank:</b>&nbsp; The\r\n                        encrypted\r\n                        payment data is transmitted to the acquiring bank or payment processor. The\r\n                        acquiring\r\n                        bank is responsible for validating the transaction and checking if the\r\n                        customer\r\n                        has\r\n                        sufficient funds or credit available to complete the purchase. </label>\r\n                    <label class=\"mt-4 spn\"><b> Authorization:</b>&nbsp; The\r\n                        acquiring bank sends an\r\n                        authorization request to the customer's issuing bank (the bank that issued\r\n                        the\r\n                        credit\r\n                        card or account being used for the payment). The issuing bank verifies the\r\n                        transaction\r\n                        and checks for fraud or any other issues. If approved, it sends an\r\n                        authorization\r\n                        code\r\n                        back to the acquiring bank. </label>\r\n                    <label class=\"mt-4 spn\"><b> Transaction approval or\r\n                            decline:</b>&nbsp; Based on\r\n                        the\r\n                        response\r\n                        from the issuing bank, the acquiring bank or payment processor communicates\r\n                        to\r\n                        the\r\n                        payment gateway whether the transaction is approved or declined. </label>\r\n                    <label class=\"mt-4 spn\"><b>Customer notification:</b>&nbsp; The\r\n                        customer\r\n                        receives\r\n                        immediate\r\n                        feedback on the transaction's status. If approved, they will see\r\n                        confirmation of\r\n                        their\r\n                        purchase. If declined, they may be asked to try another payment method.\r\n                    </label>\r\n                    <label class=\"mt-4 spn\"><b>Settlement:</b>&nbsp; Once the\r\n                        transaction is\r\n                        approved,\r\n                        the funds\r\n                        are transferred from the customer's account to the Distributor's account,\r\n                        typically\r\n                        through\r\n                        the banking system. </label>\r\n                    <label class=\"mt-4 spn\">Payment gateways are essential for\r\n                        online businesses as\r\n                        they\r\n                        provide\r\n                        a secure and efficient way to accept payments. They help protect sensitive\r\n                        customer\r\n                        data, reduce the risk of fraud, and streamline the payment process.</label>\r\n\r\n\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"3\">\r\n                    <h3>Where can a payment gateway be used? </h3>\r\n                    <label for=\"\" class=\"spn mt-3\">A payment gateway is a technology\r\n                        used in various\r\n                        contexts to facilitate electronic transactions, particularly online\r\n                        payments.\r\n                        Here are some common scenarios and places where payment gateways are used:\r\n                    </label>\r\n\r\n                    <div class=\"mt-3 p-1 \" style=\"margin-left: 10%;\">\r\n                        <ul class=\"p-1 \">\r\n                            <li *ngFor=\"let prs of process\">{{prs}}</li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id=\"4\">\r\n                    <h3>\r\n                        How does a payment gateway contribute to the betterment of our society?\r\n                    </h3>\r\n                    <label for=\"\" class=\"spn mt-3\">A payment gateway offers several\r\n                        benefits to\r\n                        society\r\n                        by facilitating secure, convenient, and efficient electronic transactions.\r\n                        Here\r\n                        are some ways in which payment gateways contribute to the betterment of\r\n                        society</label>\r\n                    <label class=\"mt-4 spn\"><b> Financial Inclusion:</b>&nbsp;\r\n                        Payment gateways help\r\n                        bridge the\r\n                        gap in financial inclusion by providing individuals, especially in remote or\r\n                        underserved\r\n                        areas, with the ability to participate in the digital economy </label>\r\n                    <label class=\"mt-4 spn\"><b> Convenience and\r\n                            Efficiency:</b>&nbsp; Payment\r\n                        gateways\r\n                        streamline the payment process, making transactions quick and convenient.\r\n                        This\r\n                        efficiency is particularly valuable in a fast-paced society where time is of\r\n                        the\r\n                        essence. </label>\r\n                    <label class=\"mt-4 spn\"><b> Global Commerce:</b>&nbsp; Payment\r\n                        gateways\r\n                        facilitate\r\n                        cross-border transactions, fostering global commerce. Businesses can reach\r\n                        customers\r\n                        worldwide, and consumers can access products and services from different\r\n                        regions.\r\n                    </label>\r\n                    <label class=\"mt-4 spn\"><b> Economic Growth:</b>&nbsp; By\r\n                        enabling online\r\n                        commerce,\r\n                        payment\r\n                        gateways contribute to economic growth. Businesses, especially small and\r\n                        medium\r\n                        enterprises (SMEs), can expand their customer base and increase sales,\r\n                        driving\r\n                        economic\r\n                        development. </label>\r\n                    <label class=\"mt-4 spn\"><b> Reduction in Cash\r\n                            Handling:</b>&nbsp; The use of\r\n                        payment\r\n                        gateways reduces the reliance on cash transactions, leading to a decrease in\r\n                        associated\r\n                        risks. </label>\r\n                    <label class=\"mt-4 spn\"><b> Transparency and\r\n                            Accountability:</b>&nbsp;\r\n                        Electronic\r\n                        transactions through payment gateways leave a digital trail, enhancing\r\n                        transparency and\r\n                        accountability. This can be beneficial in various sectors, including\r\n                        government,\r\n                        finance, and charitable organizations. </label>\r\n\r\n                    <label class=\"mt-4 spn\"><b> Charitable Contributions:\r\n                        </b>&nbsp;Charities and\r\n                        nonprofit\r\n                        organizations leverage payment gateways to collect online donations\r\n                        efficiently.\r\n                        This\r\n                        makes it easier for people to contribute to social causes, disaster relief\r\n                        efforts, and\r\n                        community development projects. </label>\r\n                    <label class=\"mt-4 spn\"><b> Educational Access:</b>&nbsp;\r\n                        Educational\r\n                        institutions\r\n                        use\r\n                        payment gateways to facilitate online payments for tuition, fees, and other\r\n                        educational\r\n                        expenses. This enhances accessibility to education and simplifies financial\r\n                        transactions\r\n                        for students and parents. </label>\r\n                    <label class=\"mt-4 spn\"><b> Healthcare Services:</b>&nbsp;\r\n                        Payment gateways in\r\n                        the\r\n                        healthcare sector contribute to the ease of transactions related to medical\r\n                        services,\r\n                        insurance payments, and online pharmacy purchases. </label>\r\n                    <label for=\"\" class=\"mt-4 spn\"> <b>Consumer\r\n                            Empowerment:</b>&nbsp; Payment\r\n                        gateways\r\n                        empower\r\n                        consumers by providing them with secure and convenient payment options.\r\n                        This, in\r\n                        turn,\r\n                        enhances the overall consumer experience.</label>\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2 \"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span class=\"videoHover\" style=\"cursor: pointer;\" [ngClass]=\"{'video':colors=='1'}\"\r\n                                    (click)=\"color('1')\">\r\n                                    Introduction to\r\n                                    Payment Gateways\r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10 \">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\"> How\r\n                                    Payment\r\n                                    Gateway Works? </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">\r\n                                    Where it can be\r\n                                    used? </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">Benefits\r\n                                    of\r\n                                    Payment Gateway. </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9 \">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\" >\r\n                <a [routerLink]=\"['/features']\"> <button class=\"btn btn-color\"> <img src=\"./assets/Arrow 3.svg\"\r\n                            alt=\"\">&nbsp;&nbsp;PayG feature\r\n                    </button></a>\r\n\r\n            </div>\r\n            <div class=\"col-md-4\">\r\n                <a [routerLink]=\"['/payment-gateway-working']\"><button class=\"btn btn-color \"\r\n                        (click)=\"menues('PayG')\">Working &nbsp;<img\r\n                            src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<app-share-button></app-share-button>","import { Component, ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n\r\n@Component({\r\n  selector: 'app-payment-gateway',\r\n  templateUrl: './payment-gateway.component.html',\r\n  styleUrls: ['./payment-gateway.component.css']\r\n})\r\nexport class PaymentGatewayComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'PayG';\r\n  storemanu: string = 'PayG';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {     \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n  \r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event; \r\n  }\r\n    \r\n \r\n\r\n\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n    if (this.child == '4') {\r\n\r\n      this.up3 = false;\r\n      this.down3 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  up3: boolean = true;\r\n  down3: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-payment-gateway-hindi',\r\n  templateUrl: './payment-gateway-hindi.component.html',\r\n  styleUrls: ['./payment-gateway-hindi.component.css']\r\n})\r\nexport class PaymentGatewayHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n<div class=\"card crd p-3\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-10 col10 mt-2\">\r\n            <h2 >पेमेंट गेटवे</h2>\r\n        </div>\r\n        <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n            alt=\"\"> </button> </a> </div>\r\n        <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n            (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n            <div\r\n                style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/tScYv5RleU8\"\r\n                    title=\"YouTube video player\" frameborder=\"0\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                    allowfullscreen></iframe>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\">\r\n         \r\n            <label for=\"\" class=\"spm\" >पेमेंट गेटवे एक ऐसी तकनीक है जो सुविधा\r\n                प्रदान करती है\r\n                एक वेबसाइट के बीच भुगतान जानकारी का सुरक्षित और कुशल हस्तांतरण,\r\n                मोबाइल एप्लिकेशन, या पॉइंट-ऑफ़-सेल सिस्टम और एक बैंक या वित्तीय\r\n                संस्थान। यह व्यापारी (विक्रेता) और के बीच एक सेतु का काम करता है\r\n                भुगतान प्रोसेसर या अधिग्रहणकर्ता बैंक, यह सुनिश्चित करते हुए कि ग्राहक का\r\n                भुगतान हो\r\n                विवरण एन्क्रिप्ट किए गए हैं और सुरक्षित रूप से प्रसारित किए गए हैं। </label>\r\n\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\">\r\n            \r\n            <label for=\"\" class=\"spm\" >पेमेंट गेटवे का मुख्य उद्देश्य अधिकृत\r\n                करना है\r\n                और भुगतान लेनदेन को इस तरह से संसाधित करें जो सुरक्षित और निर्बाध दोनों हो।\r\n            </label>\r\n        </div>\r\n        <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'2')\"\r\n            (mouseout)=\"showpayment(false,'2')\" id=\"2\">\r\n         \r\n           <h3 >\r\n                यहां बताया गया है कि भुगतान गेटवे आम तौर पर कैसे काम करता है:\r\n            </h3>\r\n\r\n            <label class=\"mt-4 spn\" ><b>ग्राहक लेन-देन शुरू करता है:</b>&nbsp;\r\n                जब कोई ग्राहक किसी ई-कॉमर्स वेबसाइट या मोबाइल ऐप पर खरीदारी करता है, तो वे\r\n                चेकआउट प्रक्रिया के दौरान अपनी भुगतान जानकारी (क्रेडिट कार्ड विवरण, बैंक\r\n                खाता जानकारी, आदि) दर्ज करते हैं।\r\n            </label>\r\n            <label class=\"mt-4 spn\" ><b>डेटा एन्क्रिप्शन:</b>&nbsp;भुगतान गेटवे\r\n                ट्रांसमिशन के दौरान इसकी सुरक्षा सुनिश्चित करने के लिए ग्राहक के भुगतान डेटा\r\n                को एन्क्रिप्ट करता है। यह एन्क्रिप्शन संवेदनशील जानकारी को अनधिकृत पहुंच या\r\n                चोरी से बचाने में मदद करता है। </label>\r\n\r\n            <label class=\"mt-4 spn\" ><b>अधिग्रहणकर्ता बैंक को ट्रांसमिशन:\r\n                </b>&nbsp; एन्क्रिप्टेड भुगतान डेटा अधिग्रहणकर्ता बैंक या भुगतान प्रोसेसर को\r\n                प्रेषित किया जाता है। अधिग्रहणकर्ता बैंक लेनदेन को मान्य करने और यह जांचने\r\n                के लिए जिम्मेदार है कि ग्राहक के पास खरीदारी पूरी करने के लिए पर्याप्त\r\n                धनराशि या क्रेडिट उपलब्ध है या नहीं। </label>\r\n            <label class=\"mt-4 spn\" ><b> प्राधिकरण:</b>&nbsp; अधिग्रहण करने\r\n                वाला बैंक ग्राहक के जारीकर्ता बैंक (वह बैंक जिसने क्रेडिट कार्ड जारी किया था\r\n                या भुगतान के लिए उपयोग किया जा रहा खाता) को एक प्राधिकरण अनुरोध भेजता है।\r\n                जारीकर्ता बैंक धोखाधड़ी या किसी अन्य समस्या के लिए लेनदेन और चेक की पुष्टि\r\n                करता है। यदि स्वीकृत हो जाता है, तो यह अधिग्रहणकर्ता बैंक को एक प्राधिकरण\r\n                कोड वापस भेजता है। </label>\r\n            <label class=\"mt-4 spn\" ><b> लेनदेन अनुमोदन या अस्वीकृति:</b>&nbsp;\r\n                जारीकर्ता बैंक की प्रतिक्रिया के आधार पर, अधिग्रहणकर्ता बैंक या भुगतान\r\n                प्रोसेसर भुगतान गेटवे को सूचित करता है कि लेनदेन स्वीकृत है या अस्वीकृत।\r\n            </label>\r\n            <label class=\"mt-4 spn\" ><b>ग्राहक अधिसूचना: </b>&nbsp; ग्राहक को\r\n                लेनदेन की स्थिति पर तत्काल प्रतिक्रिया प्राप्त होती है। यदि अनुमोदित हो, तो\r\n                वे अपनी खरीद की पुष्टि देखेंगे। यदि अस्वीकार कर दिया जाता है, तो उन्हें कोई\r\n                अन्य भुगतान विधि आज़माने के लिए कहा जा सकता है।\r\n            </label>\r\n            <label class=\"mt-4 spn\" ><b>निपटान:</b>&nbsp; एक बार लेन-देन\r\n                स्वीकृत हो जाने के बाद, धनराशि ग्राहक के खाते से व्यापारी के खाते में\r\n                स्थानांतरित कर दी जाती है, आमतौर पर बैंकिंग प्रणाली के माध्यम से।\r\n\r\n            </label>\r\n            <label class=\"mt-4 spn\" >भुगतान गेटवे ऑनलाइन व्यवसायों के लिए\r\n                आवश्यक हैं क्योंकि वे भुगतान स्वीकार करने का एक सुरक्षित और कुशल तरीका\r\n                प्रदान करते हैं। वे संवेदनशील ग्राहक डेटा की सुरक्षा करने, धोखाधड़ी के जोखिम\r\n                को कम करने और भुगतान प्रक्रिया को सुव्यवस्थित करने में मदद करते हैं।\r\n            </label>\r\n        </div>\r\n        <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\"\r\n            (mouseout)=\"showpayment(false,'3')\" id=\"3\">\r\n           \r\n            <h3 >पेमेंट गेटवे का उपयोग कहां किया जा सकता है? </h3>\r\n            <label for=\"\" class=\"spn mt-3\" >पेमेंट गेटवे एक ऐसी तकनीक है जिसका\r\n                उपयोग विभिन्न संदर्भों में इलेक्ट्रॉनिक लेनदेन, विशेष रूप से ऑनलाइन भुगतान\r\n                को सुविधाजनक बनाने के लिए किया जाता है। यहां कुछ सामान्य परिदृश्य और स्थान\r\n                दिए गए हैं जहां भुगतान गेटवे का उपयोग किया जाता है:\r\n            </label>\r\n            <div class=\"mt-3 p-1 \" style=\"margin-left: 10%;\">\r\n                <ul class=\"p-1 \">\r\n                    <li >ई-कॉमर्स वेबसाइटें</li>\r\n                    <li >ऑनलाइन मार्केटप्लेस</li>\r\n                    <li >मोबाइल क्षुधा</li>\r\n                    <li >प्वाइंट ऑफ सेल (पीओएस) सिस्टम</li>\r\n                    <li >सदस्यता सेवाएँ</li>\r\n                    <li >दान प्लेटफार्म</li>\r\n                    <li >ऑनलाइन बुकिंग प्लेटफॉर्म</li>\r\n                    <li >सरकारी वेबसाइटें</li>\r\n                    <li >शैक्षणिक संस्था</li>\r\n                    <li >पीयर-टू-पीयर लेनदेन</li>\r\n                    <li >दूरसंचार</li>\r\n                    <li >गेमिंग और मनोरंजन</li>\r\n                    <li >डिजिटल डाउनलोड</li>\r\n                    <li >सीमा पार लेनदेन</li>\r\n                    <li >धर्मार्थ संगठन</li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'4')\"\r\n            (mouseout)=\"showpayment(false,'4')\" id=\"4\">\r\n          \r\n            <h3 >\r\n                पेमेंट गेटवे हमारे समाज की बेहतरी में कैसे योगदान देता है?\r\n            </h3>\r\n            <label for=\"\" class=\"spn mt-3\" >भुगतान गेटवे सुरक्षित, सुविधाजनक और\r\n                कुशल इलेक्ट्रॉनिक लेनदेन की सुविधा प्रदान करके समाज को कई लाभ प्रदान करता\r\n                है। यहां कुछ तरीके दिए गए हैं जिनसे भुगतान गेटवे समाज की बेहतरी में योगदान\r\n                करते हैं: </label>\r\n            <label class=\"mt-4 spn\" ><b>वित्तीय समावेशन: </b>&nbsp; भुगतान\r\n                गेटवे व्यक्तियों को, विशेष रूप से दूरदराज या कम सेवा वाले क्षेत्रों में,\r\n                डिजिटल अर्थव्यवस्था में भाग लेने की क्षमता प्रदान करके वित्तीय समावेशन में\r\n                अंतर को पाटने में मदद करते हैं। </label>\r\n            <label class=\"mt-4 spn\" ><b> सुविधा और दक्षता:</b>&nbsp; भुगतान\r\n                गेटवे भुगतान प्रक्रिया को सुव्यवस्थित करते हैं, जिससे लेनदेन त्वरित और\r\n                सुविधाजनक हो जाता है। यह दक्षता एक तेज़ गति वाले समाज में विशेष रूप से\r\n                मूल्यवान है जहाँ समय सबसे महत्वपूर्ण है। </label>\r\n            <label class=\"mt-4 spn\" ><b> वैश्विक वाणिज्य:</b>&nbsp; भुगतान\r\n                गेटवे वैश्विक वाणिज्य को बढ़ावा देते हुए सीमा पार लेनदेन की सुविधा प्रदान\r\n                करते हैं। व्यवसाय दुनिया भर के ग्राहकों तक पहुंच सकते हैं, और उपभोक्ता\r\n                विभिन्न क्षेत्रों के उत्पादों और सेवाओं तक पहुंच सकते हैं।\r\n            </label>\r\n            <label class=\"mt-4 spn\" ><b> आर्थिक विकास: </b>&nbsp; ऑनलाइन\r\n                वाणिज्य को सक्षम करके, भुगतान गेटवे आर्थिक विकास में योगदान करते हैं।\r\n                व्यवसाय, विशेष रूप से छोटे और मध्यम उद्यम (एसएमई), अपने ग्राहक आधार का\r\n                विस्तार कर सकते हैं और बिक्री बढ़ा सकते हैं, जिससे आर्थिक विकास हो सकता है।\r\n            </label>\r\n            <label class=\"mt-4 spn\" ><b> कैश हैंडलिंग में कमी:</b>&nbsp; पेमेंट\r\n                गेटवे के उपयोग से नकद लेनदेन पर निर्भरता कम हो जाती है, जिससे संबंधित\r\n                जोखिमों में कमी आती है। </label>\r\n            <label class=\"mt-4 spn\" ><b> पारदर्शिता और जवाबदेही: </b>&nbsp;\r\n                भुगतान गेटवे के माध्यम से इलेक्ट्रॉनिक लेनदेन एक डिजिटल निशान छोड़ते हैं,\r\n                जिससे पारदर्शिता और जवाबदेही बढ़ती है। यह सरकार, वित्त और धर्मार्थ संगठनों\r\n                सहित विभिन्न क्षेत्रों में फायदेमंद हो सकता है। </label>\r\n\r\n            <label class=\"mt-4 spn\" ><b> धर्मार्थ योगदान: </b>&nbsp;दान और\r\n                गैर-लाभकारी संगठन कुशलतापूर्वक ऑनलाइन दान एकत्र करने के लिए भुगतान गेटवे का\r\n                लाभ उठाते हैं। इससे लोगों के लिए सामाजिक कार्यों, आपदा राहत प्रयासों और\r\n                सामुदायिक विकास परियोजनाओं में योगदान करना आसान हो जाता है। </label>\r\n            <label class=\"mt-4 spn\" ><b> शैक्षणिक पहुंच:</b>&nbsp; शैक्षणिक\r\n                संस्थान ट्यूशन, फीस और अन्य शैक्षणिक खर्चों के लिए ऑनलाइन भुगतान की सुविधा\r\n                के लिए भुगतान गेटवे का उपयोग करते हैं। यह शिक्षा तक पहुंच को बढ़ाता है और\r\n                छात्रों और अभिभावकों के लिए वित्तीय लेनदेन को सरल बनाता है। </label>\r\n            <label class=\"mt-4 spn\" ><b> स्वास्थ्य सेवाएँ:</b>&nbsp; स्वास्थ्य\r\n                सेवा क्षेत्र में भुगतान गेटवे चिकित्सा सेवाओं, बीमा भुगतान और ऑनलाइन\r\n                फ़ार्मेसी खरीदारी से संबंधित लेनदेन को आसान बनाने में योगदान करते हैं।\r\n            </label>\r\n            <label for=\"\" class=\"mt-4 spn\" > <b>उपभोक्ता सशक्तिकरण:</b>&nbsp;\r\n                भुगतान गेटवे उपभोक्ताओं को सुरक्षित और सुविधाजनक भुगतान विकल्प प्रदान करके\r\n                सशक्त बनाते हैं। यह, बदले में, समग्र उपभोक्ता अनुभव को बढ़ाता है। </label>\r\n        </div>\r\n    </div>\r\n\r\n</div>\r\n</div>\r\n<div class=\"col-md-4 hide-tbl content2 \">\r\n<div class=\"card crd p-4\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n           \r\n            <h5 >\r\n                विषयसूची:\r\n            </h5>\r\n        </div>\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#1\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\"> &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                   \r\n                        <span class=\"videoHover\" style=\"cursor: pointer;\"\r\n                            [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                            >\r\n                            पेमेंट गेटवे क्या है?\r\n\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\">\r\n            <a href=\"#2\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\"> &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        \r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                            > पेमेंट गेटवे कैसे काम करता है? </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\">\r\n            <a href=\"#3\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\"> &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                     \r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                            >\r\n                            इसका उपयोग कहां किया जा सकता है? </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\">\r\n            <a href=\"#4\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\"> &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        \r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                            >पेमेंट गेटवे के लाभ| </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-9 hide ft-9 \">\r\n    <hr>\r\n    <div class=\" row crd\">\r\n        <div class=\"col-md-12\">\r\n           \r\n            <a [routerLink]=\"['/payment-gateway-working']\"> <button class=\"btn  btn-color\" style=\"margin-left: 58% ;\" (click)=\"menues('PayG')\"\r\n                >पेमेंट गेटवे उद्योग की कार्यप्रणाली &nbsp;<img src=\"./assets/Arrow 2 1.svg\"\r\n                    alt=\"\"></button></a>\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>","<app-payment-gateway *ngIf=\"english\"></app-payment-gateway>\r\n<app-payment-gateway-hindi *ngIf=\"hindi\"></app-payment-gateway-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-gateway',\r\n  templateUrl: './gateway.component.html',\r\n  styleUrls: ['./gateway.component.css']\r\n})\r\nexport class GatewayComponent {\r\n  english:boolean=false;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n\r\n  \r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n    else{\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-refunds',\r\n  templateUrl: './refunds.component.html',\r\n  styleUrls: ['./refunds.component.css']\r\n})\r\nexport class RefundsComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>Refunds </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"> <a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='31'>\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe\r\n                            class=\"i-frame\"\r\n                            src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                            frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"32\">\r\n                    <label for=\"\" class=\"mt-3\">Refunds are a part of the payment\r\n                        process that allows\r\n                        you\r\n                        to\r\n                        return funds(money) to a customer who has previously made a purchase.\r\n                        They're\r\n                        essential\r\n                        for maintaining customer satisfaction and managing your business's financial\r\n                        transactions. A refund is a process through which you return a portion or\r\n                        the\r\n                        entirety\r\n                        of a customer's payment for a product or service. This could be due to\r\n                        various\r\n                        reasons,\r\n                        such as product returns, cancellations, or resolving customer complaints.\r\n                    </label>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"33\">\r\n                    <h2>\r\n                        Key Elements of Refunds:\r\n                    </h2>\r\n\r\n                    <ul>\r\n                        <li class=\"mt-3\"><b>Initiation: </b>&nbsp;Refunds are initiated by the\r\n                            merchant\r\n                            when\r\n                            a\r\n                            customer requests to return a product, cancels an order, or encounters\r\n                            an\r\n                            issue\r\n                            that\r\n                            warrants a refund. </li>\r\n\r\n                        <li class=\"mt-3\"><b>Processing: </b>&nbsp;Once a refund is requested, you\r\n                            can\r\n                            initiate\r\n                            the refund process through PayG. PayG communicates with the respective\r\n                            financial\r\n                            institutions involved to transfer the refunded amount back to the\r\n                            customer's\r\n                            account. </li>\r\n\r\n                        <li class=\"mt-3\"><b>Timeline: </b>&nbsp;The timeline for processing refunds\r\n                            can\r\n                            vary\r\n                            depending on the payment method used by the customer and the policies of\r\n                            the\r\n                            banks\r\n                            involved. Credit card refunds, for instance, might take a few business\r\n                            days\r\n                            to\r\n                            reflect in the customer's account. </li>\r\n\r\n                        <li class=\"mt-3\"><b>Communication: </b>&nbsp;It's crucial to keep the\r\n                            customer\r\n                            informed\r\n                            about the refund process. Provide them with confirmation of the refund\r\n                            initiation\r\n                            and an estimated timeline for when they can expect to see the funds\r\n                            returned.\r\n                        </li>\r\n                    </ul>\r\n\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id=\"34\">\r\n                    <h2>Importance of Refunds: </h2>\r\n\r\n                    <ul>\r\n                        <li class=\"mt-3\"><b>Customer Satisfaction: </b>&nbsp;Refunds play a\r\n                            significant\r\n                            role\r\n                            in\r\n                            maintaining customer satisfaction. If a customer isn't happy with their\r\n                            purchase,\r\n                            being able to offer a hassle-free refund can leave a positive\r\n                            impression.\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\"><b>Trust Building: </b>&nbsp;Just like reliable\r\n                            transactions,\r\n                            hassle-free refunds contribute to building trust between you and your\r\n                            customers.\r\n                            This trust can lead to repeat business and positive word-of-mouth. </li>\r\n\r\n                        <li class=\"mt-3\"><b>Conflict Resolution: </b>&nbsp; Refunds also serve to\r\n                            resolve\r\n                            issues. If a customer receives a damaged or incorrect product, offering\r\n                            a\r\n                            prompt\r\n                            refund can turn a potentially negative experience into a positive one.\r\n                        </li>\r\n                    </ul>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\"\r\n                    id=\"35\">\r\n                    <h2>Using PayG Refunds: </h2>\r\n\r\n                    <label for=\"\" class=\"mt-3\">With PayG, you can manage refunds\r\n                        efficiently through\r\n                        the\r\n                        merchant portal. Initiate refunds, track their progress, and communicate\r\n                        directly\r\n                        with\r\n                        customers about the refund status. </label>\r\n                    <label for=\"\" class=\"mt-3\">In summary, refunds are an integral\r\n                        part of the\r\n                        customer-business\r\n                        relationship. By understanding and effectively managing refunds, you can\r\n                        enhance\r\n                        customer satisfaction, build trust, and ensure smooth interactions with your\r\n                        customers.\r\n                        PayG is here to assist you in making the refund process as seamless as\r\n                        possible.\r\n                    </label>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2  \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n\r\n                </div>\r\n\r\n                <!-- <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#31\"> <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\"> &nbsp;</div>\r\n                        <div class=\"col-md-10\"><span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                Introduction to Refunds </span>\r\n                        </div>\r\n                    </div></a>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-2\"> \r\n                    <a href=\"#32\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\"><span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\">\r\n                                    Introduction to Refunds </span>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#33\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">Key\r\n                                    Elements of Refunds\r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#34\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    Importance of Refunds </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#35\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" [ngClass]=\"{'color':colors=='5'}\"\r\n                                    (click)=\"color('5')\">PayG Refunds </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/transaction']\">     <button class=\"btn btn-color\" (click)=\"menues('Transactions')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Transactions\r\n                </button></a>\r\n               \r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/disputes']\"> <button class=\"btn btn-color\" (click)=\"menues('Disputes')\" >Disputes\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n                \r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-refunds-hindi',\r\n  templateUrl: './refunds-hindi.component.html',\r\n  styleUrls: ['./refunds-hindi.component.css']\r\n})\r\nexport class RefundsHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>रिफंड </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"> <a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='31'>\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe\r\n                            class=\"i-frame\"\r\n                            src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                            frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"32\">\r\n\r\n                    <label for=\"\" class=\"mt-3\">रिफंड भुगतान प्रक्रिया का एक हिस्सा है\r\n                        जो आपको उस ग्राहक को धनराशि (पैसा) वापस करने की अनुमति देता है जिसने पहले\r\n                        खरीदारी की है। वे ग्राहकों की संतुष्टि बनाए रखने और आपके व्यवसाय के वित्तीय\r\n                        लेनदेन के प्रबंधन के लिए आवश्यक हैं। रिफंड एक ऐसी प्रक्रिया है जिसके माध्यम\r\n                        से आप किसी उत्पाद या सेवा के लिए ग्राहक के भुगतान का एक हिस्सा या संपूर्ण\r\n                        भुगतान वापस कर देते हैं। यह विभिन्न कारणों से हो सकता है, जैसे उत्पाद\r\n                        रिटर्न, रद्दीकरण, या ग्राहक शिकायतों का समाधान।\r\n                    </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"33\">\r\n\r\n                    <h2>\r\n                        रिफंड के प्रमुख तत्व:\r\n                    </h2>\r\n\r\n                    <ul>\r\n                        <li class=\"mt-3\"><b>पहल: </b>&nbsp;जब कोई ग्राहक किसी उत्पाद को वापस करने का\r\n                            अनुरोध करता है, ऑर्डर रद्द कर देता है, या किसी ऐसी समस्या का सामना करता\r\n                            है जिसके लिए रिफंड की आवश्यकता होती है, तो व्यापारी द्वारा रिफंड शुरू\r\n                            किया जाता है। </li>\r\n\r\n                        <li class=\"mt-3\"><b>प्रसंस्करण: </b>&nbsp;एक बार धनवापसी का अनुरोध करने के\r\n                            बाद, आप पे जी के माध्यम से धनवापसी प्रक्रिया शुरू कर सकते हैं। पे जी रिफंड\r\n                            की गई राशि को ग्राहक के खाते में वापस स्थानांतरित करने के लिए संबंधित\r\n                            वित्तीय संस्थानों से संचार करता है। </li>\r\n\r\n                        <li class=\"mt-3\"><b>समयरेखा: </b>&nbsp;रिफंड संसाधित करने की समयसीमा ग्राहक\r\n                            द्वारा उपयोग की जाने वाली भुगतान पद्धति और शामिल बैंकों की नीतियों के\r\n                            आधार पर भिन्न हो सकती है। उदाहरण के लिए, क्रेडिट कार्ड रिफंड को ग्राहक\r\n                            के खाते में प्रतिबिंबित होने में कुछ कार्यदिवस लग सकते हैं। </li>\r\n\r\n                        <li class=\"mt-3\"><b>संचार: </b>&nbsp;ग्राहक को रिफंड प्रक्रिया के बारे में\r\n                            सूचित रखना महत्वपूर्ण है। उन्हें धनवापसी शुरू होने की पुष्टि और एक\r\n                            अनुमानित समय-सीमा प्रदान करें जब वे धन वापस मिलने की उम्मीद कर सकते हैं।\r\n                        </li>\r\n                    </ul>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id=\"34\">\r\n                    <h2>रिफंड का महत्व: </h2>\r\n\r\n                    <ul>\r\n                        <li class=\"mt-3\"><b>ग्राहक संतुष्टि: </b>&nbsp;ग्राहकों की संतुष्टि बनाए\r\n                            रखने में रिफंड महत्वपूर्ण भूमिका निभाता है। यदि कोई ग्राहक अपनी खरीदारी\r\n                            से खुश नहीं है, तो परेशानी मुक्त रिफंड की पेशकश करने में सक्षम होना\r\n                            सकारात्मक प्रभाव छोड़ सकता है।\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\"><b>विश्वास निर्माण: </b>&nbsp;विश्वसनीय लेनदेन की तरह,\r\n                            परेशानी मुक्त रिफंड आपके और आपके ग्राहकों के बीच विश्वास बनाने में\r\n                            योगदान देता है। यह भरोसा दोबारा व्यापार और सकारात्मक बातचीत का कारण बन\r\n                            सकता है। </li>\r\n\r\n                        <li class=\"mt-3\"><b>संघर्ष समाधान: </b>&nbsp; रिफंड मुद्दों को हल करने में\r\n                            भी काम आता है। यदि किसी ग्राहक को कोई क्षतिग्रस्त या गलत उत्पाद प्राप्त\r\n                            होता है, तो शीघ्र धनवापसी की पेशकश संभावित नकारात्मक अनुभव को सकारात्मक\r\n                            में बदल सकती है।\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\"\r\n                    id=\"35\">\r\n                    <h2>पे जी रिफंड का उपयोग करना: </h2>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-3\">पे जी के साथ, आप मर्चेंट पोर्टल के\r\n                        माध्यम से रिफंड को कुशलतापूर्वक प्रबंधित कर सकते हैं। रिफंड शुरू करें, उनकी\r\n                        प्रगति को ट्रैक करें और रिफंड की स्थिति के बारे में ग्राहकों से सीधे संवाद\r\n                        करें। </label>\r\n                    <label for=\"\" class=\"mt-3\">संक्षेप में, रिफंड ग्राहक-व्यावसायिक\r\n                        संबंध का एक अभिन्न अंग है। रिफंड को समझने और प्रभावी ढंग से प्रबंधित करके,\r\n                        आप ग्राहकों की संतुष्टि बढ़ा सकते हैं, विश्वास बना सकते हैं और अपने ग्राहकों\r\n                        के साथ सहज बातचीत सुनिश्चित कर सकते हैं। पे जी रिफंड प्रक्रिया को यथासंभव सहज\r\n                        बनाने में आपकी सहायता के लिए यहां है।\r\n                    </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2  \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n\r\n                    <h5>\r\n                        विषयसूची:\r\n                    </h5>\r\n                </div>\r\n\r\n                <!-- <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#31\"> <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\"> &nbsp;</div>\r\n                        <div class=\"col-md-10\"><span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                Introduction to Refunds </span>\r\n                        </div>\r\n                    </div></a>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#32\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\">\r\n                                    रिफंड का परिचय </span>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#33\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">\r\n                                    रिफंड के तत्व\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#34\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    रिफंड का महत्व </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#35\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n\r\n                                <span style=\"cursor: pointer;\" [ngClass]=\"{'color':colors=='5'}\" (click)=\"color('5')\">\r\n                                    पे जी रिफंड </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n               \r\n                <a [routerLink]=\"['/transaction']\">  <button class=\"btn btn-color\" (click)=\"menues('Transactions')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Transactions\r\n                </button></a>\r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n             \r\n                <a [routerLink]=\"['/disputes']\"> <button class=\"btn btn-color\" (click)=\"menues('Disputes')\" >डिस्प्यूट्स\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","<app-refunds *ngIf=\"english\"></app-refunds>\r\n<app-refunds-hindi *ngIf=\"hindi\"></app-refunds-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-main-refunds',\r\n  templateUrl: './main-refunds.component.html',\r\n  styleUrls: ['./main-refunds.component.css']\r\n})\r\nexport class MainRefundsComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-transaction',\r\n  templateUrl: './transaction.component.html',\r\n  styleUrls: ['./transaction.component.css']\r\n})\r\nexport class TransactionComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n<div class=\"card crd p-3\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-10 col10 mt-2\">\r\n            <h2 >Transactions </h2>\r\n        </div>\r\n        <div class=\"col-md-2 col2 \"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n            alt=\"\"> </button> </a> \r\n        </div>\r\n        <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n            (mouseout)=\"showpayment(false,'1')\" id='26'>\r\n            <div\r\n                style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                <iframe\r\n                    class=\"i-frame\"\r\n                    src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                    frameborder=\"0\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                    allowfullscreen></iframe>\r\n            </div>\r\n        </div> -->\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\"\r\n            (mouseout)=\"showpayment(false,'2')\" id=\"27\">\r\n\r\n            <label for=\"\" class=\"mt-2\" >Transactions are at the heart of any\r\n                payment\r\n                processing\r\n                system,\r\n                including payment gateways like PayG. In simple terms, a transaction is an\r\n                exchange\r\n                of\r\n                value between a customer and your business, facilitated through the payment\r\n                gateway.</label>\r\n            <label for=\"\" class=\"mt-2\" >A transaction refers to the process\r\n                of transferring\r\n                funds\r\n                from a\r\n                customer's account to your business account as payment for goods or\r\n                services.\r\n                This\r\n                process involves several steps to ensure that the payment is securely\r\n                processed,\r\n                authorized, and settled. </label>\r\n        </div>\r\n        <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\"\r\n            (mouseout)=\"showpayment(false,'3')\" id=\"28\">\r\n            <h2 >Key Elements of a Transaction </h2>\r\n            <ol>\r\n                <li class=\"mt-3\" ><b>Initiation:</b> &nbsp;A transaction\r\n                    begins when a\r\n                    customer\r\n                    initiates\r\n                    a payment for a product or service on your website or through another\r\n                    channel.\r\n                </li>\r\n\r\n                <li class=\"mt-3\" ><b>Authorization:</b> &nbsp;Once the\r\n                    customer initiates the\r\n                    payment,\r\n                    the transaction data is securely transmitted to the payment gateway,\r\n                    which\r\n                    communicates with the customer's issuing bank or financial institution\r\n                    to\r\n                    seek\r\n                    authorization for the payment. This step ensures that the customer has\r\n                    sufficient\r\n                    funds or credit to complete the transaction.</li>\r\n\r\n                <li class=\"mt-3\" ><b>Authentication:</b> &nbsp;Depending on\r\n                    the security\r\n                    measures\r\n                    in\r\n                    place, the customer might need to provide additional authentication,\r\n                    such as\r\n                    a\r\n                    one-time password (OTP) or biometric verification, to confirm their\r\n                    identity\r\n                    and\r\n                    approve the transaction. </li>\r\n                <li class=\"mt-3\" ><b>Processing: </b> &nbsp;After receiving\r\n                    the authorization\r\n                    and\r\n                    authentication, the payment gateway processes the payment. It securely\r\n                    transmits\r\n                    the\r\n                    payment details to the merchant's acquiring bank, which then transfers\r\n                    the\r\n                    funds\r\n                    to\r\n                    the merchant's account. </li>\r\n\r\n                <li class=\"mt-3\" ><b>Settlement:</b> &nbsp;The settled funds\r\n                    are transferred\r\n                    from\r\n                    the\r\n                    customer's account to your business account, typically within a few\r\n                    business\r\n                    days.\r\n                    This step completes the transaction. </li>\r\n                <li class=\"mt-3\" ><b>Confirmation: </b> &nbsp;Both you, as\r\n                    the merchant, and\r\n                    the\r\n                    customer\r\n                    receive confirmation of the successful transaction. The customer usually\r\n                    receives a\r\n                    payment receipt, while you receive a notification of the payment and its\r\n                    details.\r\n                </li>\r\n            </ol>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\"\r\n            (mouseout)=\"showpayment(false,'4')\" id=\"29\">\r\n            <h2 >\r\n                Security Measures\r\n            </h2>\r\n            <label for=\"\" class=\"mt-2\" >PayG implements various security\r\n                measures, including\r\n                encryption,\r\n                tokenization, and fraud detection, to ensure that transactions are safe and\r\n                protected\r\n                from unauthorized access or data breaches.</label>\r\n        </div>\r\n\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'5')\"\r\n            (mouseout)=\"showpayment(false,'5')\" id=\"30\">\r\n            <h2 >\r\n                Importance of Reliable Transactions\r\n            </h2>\r\n            <label for=\"\" class=\"mt-3\" >Reliable and secure transactions are\r\n                essential for\r\n                building\r\n                trust\r\n                with your customers. By providing a seamless and secure payment experience,\r\n                you\r\n                enhance\r\n                customer satisfaction and increase the likelihood of repeat business.\r\n                Remember,\r\n                PayG\r\n                is\r\n                here to facilitate these transactions efficiently and securely, allowing you\r\n                to\r\n                focus on\r\n                growing your business while we handle the technical aspects of payment\r\n                processing.\r\n                If\r\n                you have any questions or need assistance, our support team is always ready\r\n                to\r\n                help.\r\n            </label>\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-4  hide-tbl content2  \">\r\n<div class=\"card crd p-4\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n            <h5 >\r\n                Table of Contents:\r\n            </h5>\r\n           \r\n        </div>\r\n        <!-- <div class=\"col-md-12 mt-2\">\r\n           <a href=\"#26\">  <div class=\"row\">\r\n                <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                        alt=\"\"> &nbsp;</div>\r\n                <div class=\"col-md-10\">\r\n                    <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                        [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                        PayG’s Transactions </span>\r\n                </div>\r\n            </div></a>\r\n        </div> -->\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#27\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                            >\r\n                            PayG’s Transactions </span>\r\n                     \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#28\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                            >Key\r\n                            elements\r\n                        </span>\r\n                  \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#29\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                            >Security\r\n                            Measures </span>\r\n                  \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#30\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='5'}\" (click)=\"color('5')\"\r\n                            >Importance\r\n                            of\r\n                            transactions </span>\r\n                       \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-9 hide ft-9\">\r\n    <hr>\r\n    <div class=\" row crd\">\r\n        <div class=\"col-md-8\">\r\n            <a [routerLink]=\"['/video-kyc']\">       <button class=\"btn btn-color\" (click)=\"menues('Video KYC')\" > <img\r\n                    src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Video KYC\r\n            </button></a>\r\n                   </div>\r\n        <div class=\"col-md-4    \">\r\n            <a [routerLink]=\"['/refunds']\"> <button class=\"btn btn-color\" (click)=\"menues('Refunds')\" >Refunds\r\n                &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n           \r\n        </div>\r\n    </div>\r\n</div>\r\n</div>\r\n\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-transaction-hindi',\r\n  templateUrl: './transaction-hindi.component.html',\r\n  styleUrls: ['./transaction-hindi.component.css']\r\n})\r\nexport class TransactionHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n<div class=\"card crd p-3\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-10 col10 mt-2\">\r\n            <h2 >लेनदेन </h2>\r\n        </div>\r\n        <div class=\"col-md-2 col2 \"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n            alt=\"\"> </button> </a> \r\n        </div>\r\n        <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n            (mouseout)=\"showpayment(false,'1')\" id='26'>\r\n            <div\r\n                style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                <iframe\r\n                    class=\"i-frame\"\r\n                    src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                    frameborder=\"0\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                    allowfullscreen></iframe>\r\n            </div>\r\n        </div> -->\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\"\r\n            (mouseout)=\"showpayment(false,'2')\" id=\"27\">\r\n\r\n         \r\n            <label for=\"\" class=\"mt-2\" >लेन-देन किसी भी भुगतान प्रसंस्करण\r\n                प्रणाली के केंद्र में हैं, जिसमें पे जी जैसे भुगतान गेटवे भी शामिल हैं। सरल\r\n                शब्दों में, लेन-देन एक ग्राहक और आपके व्यवसाय के बीच मूल्य का आदान-प्रदान\r\n                है, जो भुगतान गेटवे के माध्यम से सुगम होता है। </label>\r\n          \r\n            <label for=\"\" class=\"mt-2\" >लेन-देन वस्तुओं या सेवाओं के भुगतान के\r\n                रूप में किसी ग्राहक के खाते से आपके व्यावसायिक खाते में धनराशि स्थानांतरित\r\n                करने की प्रक्रिया को संदर्भित करता है। इस प्रक्रिया में यह सुनिश्चित करने के\r\n                लिए कई चरण शामिल हैं कि भुगतान सुरक्षित रूप से संसाधित, अधिकृत और निपटान\r\n                किया गया है। </label>\r\n        </div>\r\n        <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\"\r\n            (mouseout)=\"showpayment(false,'3')\" id=\"28\">\r\n            <h2 >लेन-देन के प्रमुख तत्व </h2>\r\n            <ol>\r\n                <li class=\"mt-3\" ><b>शुरुआत:</b> &nbsp;लेन-देन तब शुरू होता है\r\n                    जब कोई ग्राहक आपकी वेबसाइट पर या किसी अन्य चैनल के माध्यम से किसी उत्पाद\r\n                    या सेवा के लिए भुगतान शुरू करता है।\r\n                </li>\r\n\r\n                <li class=\"mt-3\" ><b>प्राधिकरण: </b> &nbsp;एक बार जब ग्राहक\r\n                    भुगतान शुरू कर देता है, तो लेनदेन डेटा सुरक्षित रूप से भुगतान गेटवे पर\r\n                    प्रेषित किया जाता है, जो भुगतान के लिए प्राधिकरण प्राप्त करने के लिए\r\n                    ग्राहक के जारीकर्ता बैंक या वित्तीय संस्थान के साथ संचार करता है। यह कदम\r\n                    सुनिश्चित करता है कि ग्राहक के पास लेनदेन पूरा करने के लिए पर्याप्त\r\n                    धनराशि या क्रेडिट है। </li>\r\n\r\n                <li class=\"mt-3\" ><b>प्रमाणीकरण:</b> &nbsp;सुरक्षा उपायों के\r\n                    आधार पर, ग्राहक को अपनी पहचान की पुष्टि करने और लेनदेन को मंजूरी देने के\r\n                    लिए अतिरिक्त प्रमाणीकरण, जैसे वन-टाइम पासवर्ड (ओटीपी) या बायोमेट्रिक\r\n                    सत्यापन प्रदान करने की आवश्यकता हो सकती है। </li>\r\n\r\n                <li class=\"mt-3\" ><b> प्रसंस्करण: </b> &nbsp;प्राधिकरण और\r\n                    प्रमाणीकरण प्राप्त करने के बाद, भुगतान गेटवे भुगतान संसाधित करता है। यह\r\n                    सुरक्षित रूप से भुगतान विवरण को व्यापारी के अधिग्रहणकर्ता बैंक तक\r\n                    पहुंचाता है, जो फिर व्यापारी के खाते में धनराशि स्थानांतरित करता है।\r\n                </li>\r\n\r\n                <li class=\"mt-3\" ><b>निपटान:</b> &nbsp;Tनिपटान धनराशि ग्राहक के\r\n                    खाते से आपके व्यावसायिक खाते में स्थानांतरित कर दी जाती है, आमतौर पर कुछ\r\n                    व्यावसायिक दिनों के भीतर। यह चरण लेन-देन पूरा करता है| </li>\r\n\r\n                <li class=\"mt-3\" ><b>पुष्टिकरण:</b> &nbsp;व्यापारी और ग्राहक के\r\n                    रूप में आप दोनों को सफल लेनदेन की पुष्टि प्राप्त होती है। ग्राहक को\r\n                    आमतौर पर भुगतान रसीद प्राप्त होती है, जबकि आपको भुगतान और उसके विवरण की\r\n                    अधिसूचना प्राप्त होती है।\r\n                </li>\r\n            </ol>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\"\r\n            (mouseout)=\"showpayment(false,'4')\" id=\"29\">\r\n            <h2 >\r\n                सुरक्षा उपाय\r\n            </h2>\r\n            <label for=\"\" class=\"mt-2\" >यह सुनिश्चित करने के लिए कि लेनदेन\r\n                सुरक्षित हैं और अनधिकृत पहुंच या डेटा उल्लंघनों से सुरक्षित हैं, पे जी\r\n                एन्क्रिप्शन, टोकनाइजेशन और धोखाधड़ी का पता लगाने सहित विभिन्न सुरक्षा उपायों\r\n                को लागू करता है।\r\n\r\n            </label>\r\n        </div>\r\n\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'5')\"\r\n            (mouseout)=\"showpayment(false,'5')\" id=\"30\">\r\n            <h2 >\r\n                विश्वसनीय लेनदेन का महत्व\r\n            </h2>\r\n            <label for=\"\" class=\"mt-3\" >आपके ग्राहकों के साथ विश्वास कायम करने\r\n                के लिए विश्वसनीय और सुरक्षित लेनदेन आवश्यक हैं। एक सहज और सुरक्षित भुगतान\r\n                अनुभव प्रदान करके, आप ग्राहकों की संतुष्टि बढ़ाते हैं और दोबारा व्यापार करने\r\n                की संभावना बढ़ाते हैं। याद रखें, पे जी इन लेनदेन को कुशलतापूर्वक और सुरक्षित\r\n                रूप से सुविधाजनक बनाने के लिए यहां है, जिससे आप भुगतान प्रसंस्करण के तकनीकी\r\n                पहलुओं को संभालने के साथ-साथ अपने व्यवसाय को बढ़ाने पर ध्यान केंद्रित कर\r\n                सकते हैं। यदि आपके कोई प्रश्न हैं या सहायता की आवश्यकता है, तो हमारी सहायता\r\n                टीम हमेशा मदद के लिए तैयार है।\r\n            </label>\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-4  hide-tbl content2  \">\r\n<div class=\"card crd p-4\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n            <h5 >\r\n                विषयसूची:\r\n            </h5>\r\n        </div>\r\n        <!-- <div class=\"col-md-12 mt-2\">\r\n           <a href=\"#26\">  <div class=\"row\">\r\n                <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                        alt=\"\"> &nbsp;</div>\r\n                <div class=\"col-md-10\">\r\n                    <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                        [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                        PayG’s Transactions </span>\r\n                </div>\r\n            </div></a>\r\n        </div> -->\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#27\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                            >\r\n                            पे जी के लेनदेन </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#28\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                            >महत्वपूर्ण तत्व\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#29\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                            >सुरक्षा उपाय </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#30\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='5'}\" (click)=\"color('5')\"\r\n                            >लेन-देन का महत्व </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-9 hide ft-9\">\r\n    <hr>\r\n    <div class=\" row crd\">\r\n        <div class=\"col-md-8\">\r\n           \r\n            <a [routerLink]=\"['/video-kyc']\"> <button class=\"btn btn-color\" (click)=\"menues('Video KYC')\" > <img\r\n                    src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;वीडियो केवाईसी\r\n\r\n            </button></a>\r\n        </div>\r\n        <div class=\"col-md-4    \">\r\n            <a [routerLink]=\"['/refunds']\"> <button class=\"btn btn-color\" (click)=\"menues('Refunds')\" >रिफंड\r\n                &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>\r\n","<app-transaction *ngIf=\"english\"></app-transaction>\r\n<app-transaction-hindi *ngIf=\"hindi\"></app-transaction-hindi> ","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-main-transactions',\r\n  templateUrl: './main-transactions.component.html',\r\n  styleUrls: ['./main-transactions.component.css']\r\n})\r\nexport class MainTransactionsComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-video-kyc',\r\n  templateUrl: './video-kyc.component.html',\r\n  styleUrls: ['./video-kyc.component.css']\r\n})\r\nexport class VideoKycComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n<div class=\"card crd p-3\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-10 col10 mt-2\">\r\n            <h2 >Video KYC </h2>\r\n        </div>\r\n        <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n            alt=\"\"> </button> </a> \r\n        </div>\r\n        <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n            (mouseout)=\"showpayment(false,'1')\" id='22'>\r\n            <div\r\n                style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                <iframe\r\n                    class=\"i-frame\"\r\n                    src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                    frameborder=\"0\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                    allowfullscreen></iframe>\r\n            </div>\r\n        </div> -->\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\"\r\n            (mouseout)=\"showpayment(false,'2')\" id=\"23\">\r\n\r\n            <label for=\"\" class=\"mt-4\" >Video KYC (Know Your Customer) is an\r\n                advanced and\r\n                secure\r\n                verification process used by PayG to board customers remotely. It allows\r\n                customers\r\n                to\r\n                complete their KYC requirements through a video instead of physically\r\n                visiting a\r\n                branch\r\n                or office for in-person verification. The customer is required to present\r\n                and\r\n                verify\r\n                their identity and relevant documents, which are typically government-issued\r\n                identification documents such as Aadhaar, and PAN card. </label>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'3')\"\r\n            (mouseout)=\"showpayment(false,'3')\" id=\"24\">\r\n            <h2 >\r\n                Benefits of Video KYC\r\n            </h2>\r\n            <label for=\"\" class=\"mt-3\" >Video KYC (Know Your Customer) offers\r\n                several\r\n                benefits\r\n                for\r\n                both\r\n                businesses and customers. Here are some key advantages: </label>\r\n            <h5 class=\"mt-3\" >Convenience </h5>\r\n            <label for=\"\" class=\"mt-1\" >Video KYC provides a convenient and\r\n                flexible way for\r\n                customers to\r\n                complete the KYC process from the comfort of their homes or any location\r\n                with an\r\n                internet connection. </label>\r\n\r\n            <h5 class=\"mt-3\" >Time-Efficiency </h5>\r\n            <label for=\"\" class=\"mt-1\" >It significantly reduces the time\r\n                required to\r\n                complete\r\n                the\r\n                KYC\r\n                process compared to traditional methods, where customers may need to visit\r\n                physical\r\n                locations. </label>\r\n\r\n            <h5 class=\"mt-3\" >Cost Savings </h5>\r\n            <label for=\"\" class=\"mt-1\" >Businesses can achieve cost savings\r\n                by reducing the\r\n                need\r\n                for\r\n                physical infrastructure, such as brick-and-mortar branches, and optimizing\r\n                the\r\n                KYC\r\n                process. </label>\r\n            <h5 class=\"mt-3\" >Enhanced Security </h5>\r\n            <label for=\"\" class=\"mt-1\" >Video KYC enhances security by\r\n                allowing real-time\r\n                face-to-face\r\n                verification, reducing the risk of identity fraud, and ensuring that the\r\n                person\r\n                undergoing KYC is physically present. </label>\r\n\r\n            <h5 class=\"mt-3\" >User Experience </h5>\r\n            <label for=\"\" class=\"mt-1\" >The video KYC process contributes to\r\n                a positive user\r\n                experience,\r\n                as customers can complete the KYC requirements through a more interactive\r\n                and\r\n                user-friendly interface. </label>\r\n            <h5 class=\"mt-3\" >Compliance </h5>\r\n            <label for=\"\" class=\"mt-1\" >Video KYC helps businesses stay\r\n                compliant with\r\n                regulatory\r\n                requirements by ensuring a thorough and documented verification process.\r\n            </label>\r\n\r\n            <h5 class=\"mt-3\" >Reduced Paperwork </h5>\r\n            <label for=\"\" class=\"mt-1\" >By digitizing the KYC process, video\r\n                KYC reduces the\r\n                need\r\n                for\r\n                extensive paperwork, contributing to a more environmentally friendly and\r\n                streamlined\r\n                process.\r\n            </label>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\"\r\n            (mouseout)=\"showpayment(false,'4')\" id=\"25\">\r\n            <h2 >\r\n                The video KYC procedure in PayG consists of the following steps:\r\n            </h2>\r\n            <label for=\"\" class=\"mt-2\" > <b> Step 1:</b> Open the PayG app, navigate to the Video KYC section, and select your preferred language. </label>\r\n            <br> <img src=\"./assets/kyc 1.png\" width=\"250px\" height=\"800px\"\r\n                                         alt=\"\">\r\n            \r\n            <br> <label for=\"\" class=\"mt-2\" > <b> Step 2:</b> Click on the checkbox 'I agree to your Terms and conditions' and initiate the video KYC process by clicking on the \"Start Video KYC\" option. </label>\r\n            <br> <img src=\"./assets/kyc 2.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            \r\n\r\n            <br> <label for=\"\" class=\"mt-2\" > <b> Step 3:</b> Click on “I am\r\n                ready” and say your name\r\n                clearly.Adjust your camera to ensure your face is clearly visible on the screen, then proceed to click on 'Start Video KYC. </label>\r\n            <br> <img src=\"./assets/kyc 3.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            \r\n\r\n            <br> <label for=\"\" class=\"mt-2\" > <b> Step 4:</b> Click on “I am ready” and say your name clearly. \r\n            </label>\r\n            <br> <img src=\"./assets/kyc 4.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 5.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n\r\n            <br> <label for=\"\" class=\"mt-2\" > <b> Step 5:</b> Click on “I am ready” again and say your company’s name.</label>\r\n            <br> <img src=\"./assets/kyc 6.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 7.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <label for=\"\" class=\"mt-2\" > <b> Step 6:</b> In the same way show your Aadhar card in the video and read out the Aadhar number loudly in the video.  </label>\r\n            <br> <img src=\"./assets/kyc 8.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 9.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n\r\n            <br> <label for=\"\" class=\"mt-2\" > <b> Step 7:</b> Display your Pan card clearly in the video frame and read out your Pan Card number. \r\n               </label>\r\n            <br> <img src=\"./assets/kyc 10.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 11.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n\r\n            <br> <label for=\"\" class=\"mt-2\" > <b> Step 8:</b> In this step click live pictures of your company’s infrastructure. \r\n               </label>\r\n            <br> <img src=\"./assets/kyc 12.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 13.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 14.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 15.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 16.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            \r\n            <br> <label for=\"\" class=\"mt-2\" > <b> Step 9:</b> Click on the submit button.\r\n               </label>\r\n            <br> <img src=\"./assets/kyc 17.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 18.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n\r\n        </div>\r\n    </div>\r\n    \r\n</div>\r\n\r\n</div>\r\n<div class=\"col-md-4  hide-tbl content2   \">\r\n    <div class=\"card crd p-4\">\r\n        <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n                <h5 >\r\n                    Table of Contents:\r\n                </h5>\r\n            </div>\r\n            <!-- <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#22\"> <div class=\"row\">\r\n                <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                        alt=\"\"> &nbsp;</div>\r\n                <div class=\"col-md-10\">\r\n                    <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                        [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                        What is a Video KYC? </span>\r\n                </div>\r\n            </div></a\r\n        </div> -->\r\n            <div class=\"col-md-12 mt-2\">\r\n                <a href=\"#23\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\">\r\n                            &nbsp;</div>\r\n                        <div class=\"col-md-10\">\r\n                            <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                                >\r\n                                What is a Video KYC? </span>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <div class=\"col-md-12 mt-2\">\r\n                <a href=\"#24\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\">\r\n                            &nbsp;</div>\r\n                        <div class=\"col-md-10\">\r\n                            <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                                >Benefits\r\n                                of\r\n                                Video KYC </span>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <div class=\"col-md-12 mt-2\">\r\n                <a href=\"#25\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\">\r\n                            &nbsp;</div>\r\n                        <div class=\"col-md-10\">\r\n                            <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                                >Video KYC\r\n                                Procedure at PayG </span>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n\r\n\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class=\"col-md-9 hide ft-9\">\r\n    <hr>\r\n    <div class=\" row crd\">\r\n        <div class=\"col-md-8\">\r\n            <a [routerLink]=\"['/invoice']\">  <button class=\"btn btn-color\" (click)=\"menues('Invoice')\" > <img\r\n                    src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Invoice\r\n            </button></a>\r\n           \r\n        </div>\r\n        <div class=\"col-md-4   \">\r\n            <a [routerLink]=\"['/transaction']\"> <button class=\"btn btn-color\" (click)=\"menues('Transactions')\"\r\n                >Transactions\r\n                &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n           \r\n        </div>\r\n    </div>\r\n</div>\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-video-kyc-hindi',\r\n  templateUrl: './video-kyc-hindi.component.html',\r\n  styleUrls: ['./video-kyc-hindi.component.css']\r\n})\r\nexport class VideoKycHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n<div class=\"card crd p-3\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-10 col10 mt-2\">\r\n            <h2 >वीडियो KYC </h2>\r\n        </div>\r\n        <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n            alt=\"\"> </button> </a> \r\n        </div>\r\n        <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n            (mouseout)=\"showpayment(false,'1')\" id='22'>\r\n            <div\r\n                style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                <iframe\r\n                    class=\"i-frame\"\r\n                    src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                    frameborder=\"0\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                    allowfullscreen></iframe>\r\n            </div>\r\n        </div> -->\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\"\r\n            (mouseout)=\"showpayment(false,'2')\" id=\"23\">\r\n\r\n            <label for=\"\" class=\"mt-4\" >वीडियो केवाईसी (अपने ग्राहक को जानें)\r\n                एक उन्नत और सुरक्षित सत्यापन प्रक्रिया है जिसका उपयोग पे जी द्वारा ग्राहकों\r\n                को दूर से बोर्ड करने के लिए किया जाता है। यह ग्राहकों को व्यक्तिगत सत्यापन\r\n                के लिए किसी शाखा या कार्यालय में जाने के बजाय वीडियो के माध्यम से अपनी\r\n                केवाईसी आवश्यकताओं को पूरा करने की अनुमति देता है। ग्राहक को अपनी पहचान और\r\n                प्रासंगिक दस्तावेज़ प्रस्तुत करने और सत्यापित करने की आवश्यकता होती है, जो\r\n                आम तौर पर आधार और पैन कार्ड जैसे सरकार द्वारा जारी पहचान दस्तावेज़ होते हैं।\r\n            </label>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'3')\"\r\n            (mouseout)=\"showpayment(false,'3')\" id=\"24\">\r\n            <h2 >\r\n                वीडियो KYC के प्रमुख लाभ\r\n            </h2>\r\n            <label for=\"\" class=\"mt-3\" >वीडियो KYC (अपने ग्राहक को जानें)\r\n                व्यवसायों और ग्राहकों दोनों के लिए कई लाभ प्रदान करता है। यहां कुछ प्रमुख\r\n                लाभ दिए गए हैं: </label>\r\n\r\n            <h5 class=\"mt-3\" >सुविधा </h5>\r\n            <label for=\"\" class=\"mt-1\" >वीडियो केवाईसी ग्राहकों को अपने घर से\r\n                या इंटरनेट कनेक्शन वाले किसी भी स्थान से केवाईसी प्रक्रिया को पूरा करने का\r\n                एक सुविधाजनक और लचीला तरीका प्रदान करता है। </label>\r\n\r\n            <h5 class=\"mt-3\" >समय कौशल </h5>\r\n            <label for=\"\" class=\"mt-1\" >यह पारंपरिक तरीकों की तुलना में केवाईसी\r\n                प्रक्रिया को पूरा करने के लिए आवश्यक समय को काफी कम कर देता है, जहां\r\n                ग्राहकों को भौतिक स्थानों पर जाने की आवश्यकता हो सकती है। </label>\r\n\r\n            <h5 class=\"mt-3\" >लागत बचत </h5>\r\n            <label for=\"\" class=\"mt-1\" >व्यवसाय ईंट-और-मोर्टार शाखाओं जैसे\r\n                भौतिक बुनियादी ढांचे की आवश्यकता को कम करके और केवाईसी प्रक्रिया को अनुकूलित\r\n                करके लागत बचत प्राप्त कर सकते हैं। </label>\r\n\r\n            <h5 class=\"mt-3\" >सुरक्षा बढ़ाना </h5>\r\n            <label for=\"\" class=\"mt-1\" >वीडियो केवाईसी वास्तविक समय में\r\n                आमने-सामने सत्यापन की अनुमति देकर, पहचान धोखाधड़ी के जोखिम को कम करके और यह\r\n                सुनिश्चित करके सुरक्षा बढ़ाता है कि केवाईसी से गुजरने वाला व्यक्ति शारीरिक\r\n                रूप से मौजूद है। </label>\r\n\r\n            <h5 class=\"mt-3\" >प्रयोगकर्ता का अनुभव </h5>\r\n            <label for=\"\" class=\"mt-1\" >वीडियो केवाईसी प्रक्रिया एक सकारात्मक\r\n                उपयोगकर्ता अनुभव में योगदान करती है, क्योंकि ग्राहक अधिक इंटरैक्टिव और\r\n                उपयोगकर्ता-अनुकूल इंटरफ़ेस के माध्यम से केवाईसी आवश्यकताओं को पूरा कर सकते\r\n                हैं। </label>\r\n\r\n            <h5 class=\"mt-3\" >अनुपालन </h5>\r\n            <label for=\"\" class=\"mt-1\" >वीडियो केवाईसी संपूर्ण और दस्तावेजी\r\n                सत्यापन प्रक्रिया सुनिश्चित करके व्यवसायों को नियामक आवश्यकताओं के अनुरूप\r\n                बने रहने में मदद करता है।\r\n            </label>\r\n\r\n            <h5 class=\"mt-3\" >कागजी कार्रवाई कम हो गई </h5>\r\n            <label for=\"\" class=\"mt-1\" >केवाईसी प्रक्रिया को डिजिटलीकरण करके,\r\n                वीडियो केवाईसी व्यापक कागजी कार्रवाई की आवश्यकता को कम कर देता है, और अधिक\r\n                पर्यावरण के अनुकूल और सुव्यवस्थित प्रक्रिया में योगदान देता है।\r\n            </label>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\"\r\n            (mouseout)=\"showpayment(false,'4')\" id=\"25\">\r\n            <h2 >\r\n                पे जी में वीडियो KYC प्रक्रिया में निम्नलिखित चरण शामिल हैं: \r\n            </h2>\r\n            <label for=\"\" class=\"mt-2\" > <b> चरण 1:</b>पे जी ऐप खोलें, वीडियो KYC अनुभाग पर जाएं और अपनी पसंदीदा भाषा चुनें।  </label>\r\n            <br> <img src=\"./assets/kyc 1.png\" width=\"200px\" height=\"800px\"\r\n                                         alt=\"\">\r\n            \r\n            <br> <label for=\"\" class=\"mt-2\" > <b> चरण 2:</b>'मैं आपके नियमों और शर्तों से सहमत हूं' चेकबॉक्स पर क्लिक करें और \"वीडियो केवाईसी प्रारंभ करें\" विकल्प पर क्लिक करके वीडियो केवाईसी प्रक्रिया शुरू करें।  </label>\r\n            <br> <img src=\"./assets/kyc 2.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            \r\n\r\n            <br> <label for=\"\" class=\"mt-2\" > <b> चरण 3:</b> यह सुनिश्चित करने के लिए अपने कैमरे को समायोजित करें कि आपका चेहरा स्क्रीन पर स्पष्ट रूप से दिखाई दे, फिर 'वीडियो केवाईसी प्रारंभ करें' पर क्लिक करने के लिए आगे बढ़ें।  </label>\r\n            <br> <img src=\"./assets/kyc 3.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            \r\n\r\n            <br> <label for=\"\" class=\"mt-2\" > <b> चरण 4:</b>\"I am ready\" पर क्लिक करें और अपना नाम स्पष्ट रूप से कहें।  \r\n            </label>\r\n            <br> <img src=\"./assets/kyc 4.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 5.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n\r\n            <br> <label for=\"\" class=\"mt-2\" > <b> चरण 5:</b> फिर से \"I am ready\" पर क्लिक करें और अपनी कंपनी का नाम कहें। </label>\r\n            <br> <img src=\"./assets/kyc 6.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 7.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <label for=\"\" class=\"mt-2\" > <b> चरण 6:</b> इसी तरह वीडियो में अपना आधार कार्ड दिखाएं और वीडियो में आधार नंबर जोर-जोर से पढ़ें.  </label>\r\n            <br> <img src=\"./assets/kyc 8.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 9.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n\r\n            <br> <label for=\"\" class=\"mt-2\" > <b> चरण 7:</b> अपने पैन कार्ड को वीडियो फ्रेम में स्पष्ट रूप से प्रदर्शित करें और अपना पैन कार्ड नंबर पढ़ें। </label>\r\n            <br> <img src=\"./assets/kyc 10.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 11.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n\r\n            <br> <label for=\"\" class=\"mt-2\" > <b> चरण 8:</b> इस चरण में अपनी कंपनी के बुनियादी ढांचे की लाइव तस्वीरें क्लिक करें। \r\n               </label>\r\n            <br> <img src=\"./assets/kyc 12.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 13.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 14.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 15.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 16.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            \r\n            <br> <label for=\"\" class=\"mt-2\" > <b> चरण 9:</b> सबमिट बटन पर क्लिक करें.\r\n               </label>\r\n            <br> <img src=\"./assets/kyc 17.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n            <br> <img src=\"./assets/kyc 18.png\" width=\"200px\" height=\"400px\"\r\n                                         alt=\"\">\r\n\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-4  hide-tbl content2   \">\r\n    <div class=\"card crd p-4\">\r\n        <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n                <h5 >\r\n                    विषयसूची:\r\n                </h5>\r\n            </div>\r\n            <!-- <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#22\"> <div class=\"row\">\r\n                <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                        alt=\"\"> &nbsp;</div>\r\n                <div class=\"col-md-10\">\r\n                    <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                        [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                        What is a Video KYC? </span>\r\n                </div>\r\n            </div></a\r\n        </div> -->\r\n            <div class=\"col-md-12 mt-2\">\r\n                <a href=\"#23\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\">\r\n                            &nbsp;</div>\r\n                        <div class=\"col-md-10\">\r\n                            <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                                >\r\n                                वीडियो KYC क्या है? </span>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <div class=\"col-md-12 mt-2\">\r\n                <a href=\"#24\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\">\r\n                            &nbsp;</div>\r\n                        <div class=\"col-md-10\">\r\n                            <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                                >वीडियो KYC के लाभ </span>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <div class=\"col-md-12 mt-2\">\r\n                <a href=\"#25\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\">\r\n                            &nbsp;</div>\r\n                        <div class=\"col-md-10\">\r\n                            <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                                >पे जी पर वीडियो KYC प्रक्रिया </span>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n\r\n\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class=\"col-md-9 hide ft-9\">\r\n    <hr>\r\n    <div class=\" row crd\">\r\n        <div class=\"col-md-8\">\r\n           \r\n            <a [routerLink]=\"['/invoice']\"> <button class=\"btn btn-color\" (click)=\"menues('Invoice')\" > <img\r\n                    src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;इनवॉइस\r\n            </button></a>\r\n        </div>\r\n        <div class=\"col-md-4   \">\r\n            \r\n            <a [routerLink]=\"['/transaction']\"><button class=\"btn btn-color\" (click)=\"menues('Transactions')\"\r\n                >ट्रांजेक्शन\r\n                &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>","<app-video-kyc *ngIf=\"english\"></app-video-kyc>\r\n<app-video-kyc-hindi *ngIf=\"hindi\"></app-video-kyc-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-kyc',\r\n  templateUrl: './kyc.component.html',\r\n  styleUrls: ['./kyc.component.css']\r\n})\r\nexport class KycComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-web-integration',\r\n  templateUrl: './web-integration.component.html',\r\n  styleUrls: ['./web-integration.component.css']\r\n})\r\nexport class WebIntegrationComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n<div class=\"card crd p-3\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-10 col10 mt-2\">\r\n            <h2 >Web Integration </h2>\r\n        </div>\r\n        <div class=\"col-md-2 col2 \"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n            alt=\"\"> </button> </a> \r\n        </div>\r\n        <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n            (mouseout)=\"showpayment(false,'1')\" id='19' >\r\n            <div\r\n                style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/j5I8G4mhk50\"\r\n                    title=\"YouTube video player\" frameborder=\"0\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                    allowfullscreen></iframe>\r\n            </div>\r\n        </div>\r\n       \r\n\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\"\r\n            (mouseout)=\"showpayment(false,'2')\" id=\"20\">\r\n\r\n            <label for=\"\" class=\"mt-3 \" >PayG serves as a crucial bridge\r\n                between online\r\n                businesses\r\n                and\r\n                the financial ecosystem, enabling secure and efficient online transactions.\r\n                It\r\n                acts\r\n                as\r\n                the virtual equivalent of a terminal, facilitating the\r\n                transfer of\r\n                payment\r\n                information between a customer, their chosen payment method, and the\r\n                merchant's\r\n                bank.\r\n                This process involves encryption and security measures to safeguard\r\n                sensitive\r\n                data\r\n                during the transaction. </label>\r\n            <label for=\"\" class=\"mt-4\" >Web integration is the process of\r\n                linking the payment\r\n                gateway\r\n                to\r\n                an online store, allowing businesses to accept online payments securely.\r\n                This\r\n                involves\r\n                embedding the necessary code and APIs (Application Programming Interfaces)\r\n                into\r\n                the\r\n                website's checkout process. Once integrated, customers can select their\r\n                preferred\r\n                payment method, and the payment gateway handles the rest – securely\r\n                transmitting\r\n                payment\r\n                data, verifying the transaction, and confirming its success. Now, accepting\r\n                online\r\n                payments is simple, thanks to plug and play Integration options. PayG is the\r\n                easiest\r\n                solution for any developer. It can be integrated on any website with any\r\n                stack.\r\n                We\r\n                have\r\n                simple payment APIs with detailed documentation and SDKs for all major\r\n                platforms.\r\n                Accepting online payments is simple, thanks to plug and play Integration\r\n                options.\r\n                PayG\r\n                is the easiest solution for any developer. It can be integrated on any\r\n                website\r\n                with\r\n                any\r\n                stack. We have simple payment APIs with detailed documentation and SDKs for\r\n                all\r\n                major\r\n                platforms. </label>\r\n            \r\n        </div>\r\n        <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'3')\"\r\n            (mouseout)=\"showpayment(false,'3')\" id=\"21\">\r\n            <h2 >Benefits of Web Integration </h2>\r\n            <label for=\"\" class=\"mt-3\" >Web integration in a payment gateway\r\n                company offers a\r\n                host of\r\n                benefits that enhance overall efficiency, security, and user experience for\r\n                both\r\n                businesses and their customers. </label>\r\n\r\n            <ul>\r\n                <li class=\"mt-3\" ><b>Checkout experience:\r\n                    </b>&nbsp;Integration provides a\r\n                    consistent\r\n                    and\r\n                    branded checkout experience for customers. </li>\r\n\r\n                <li class=\"mt-3\" ><b>Enhanced Security: </b>&nbsp;Web\r\n                    integration ensures\r\n                    that\r\n                    payment\r\n                    information is securely transmitted between the customer, the merchant,\r\n                    and\r\n                    PayG.\r\n                    This reduces the risk of data breaches and fraud, as sensitive data is\r\n                    encrypted\r\n                    and\r\n                    protected during the transaction. </li>\r\n\r\n                <li class=\"mt-3\" ><b>Reduced Abandonment: </b>&nbsp;A\r\n                    seamless checkout\r\n                    process\r\n                    can\r\n                    reduce cart abandonment rates, as customers are less likely to get\r\n                    frustrated\r\n                    and\r\n                    leave. </li>\r\n\r\n                <li class=\"mt-3\" ><b>Multiple Payment Options: </b>&nbsp;PayG\r\n                    offers a range\r\n                    of\r\n                    payment\r\n                    methods, such as credit/debit cards, digital wallets, and bank\r\n                    transfers.\r\n                    Web\r\n                    integration allows businesses to offer these diverse options, catering\r\n                    to\r\n                    different\r\n                    customer preferences and increasing the chances of completing a sale.\r\n                </li>\r\n\r\n                <li class=\"mt-3\" ><b>Real-time Transaction Monitoring\r\n                    </b>&nbsp;Integrated\r\n                    payment\r\n                    gateways provide real-time insights into transactions, allowing\r\n                    businesses\r\n                    to\r\n                    track\r\n                    sales, identify trends, and make informed decisions to optimize their\r\n                    operations.\r\n                </li>\r\n\r\n                <li class=\"mt-3\" ><b>Mobile-Friendly: </b>&nbsp;As more\r\n                    customers shop on\r\n                    mobile\r\n                    devices,\r\n                    integrated payment gateways are often optimized for mobile\r\n                    responsiveness,\r\n                    ensuring\r\n                    a smooth payment experience on all devices. </li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-4   hide-tbl content2 \">\r\n<div class=\"card crd p-4\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n            <h5 >\r\n                Table of Contents:\r\n            </h5>\r\n         \r\n        </div>\r\n        <div class=\"col-md-12 mt-2\" >\r\n            <a href=\"#19\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\"> &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n\r\n                        <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                            [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                            >\r\n                            Web Integration </span>\r\n                       \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        \r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#20\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                            >\r\n                            What is a Web Integration? </span>\r\n                      \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#21\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                            >Benefits\r\n                            of\r\n                            Web Integration </span>\r\n                      \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"https://payg.in/developer.html\" target=\"_blank\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img src=\"./assets/devloper.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"demoHover\"\r\n                            [ngClass]=\"{'demo':colors=='4'}\" (click)=\"color('4')\"\r\n                            >\r\n                            Developers</span>\r\n                      \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n\r\n\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-9 hide ft-9\">\r\n    <hr>\r\n    <div class=\" row crd\">\r\n        <div class=\"col-md-8\">\r\n            <a [routerLink]=\"['/e-agrement']\">    <button class=\"btn btn-color\" (click)=\"menues('E-Agreement')\" > <img\r\n                    src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;E-Agreement\r\n            </button>\r\n           </a>\r\n\r\n           \r\n        </div>\r\n        <div class=\"col-md-4    \">\r\n            <a [routerLink]=\"['/introduction-reseller']\"> <button class=\"btn btn-color\" (click)=\"menues('Payment Link')\"\r\n                >Reseller\r\n                &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button>\r\n            </a>\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-web-integration-hindi',\r\n  templateUrl: './web-integration-hindi.component.html',\r\n  styleUrls: ['./web-integration-hindi.component.css']\r\n})\r\nexport class WebIntegrationHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n<div class=\"card crd p-3\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-10 col10 mt-2\">\r\n            <h2 >वेब एकीकरण </h2>\r\n        </div>\r\n        <div class=\"col-md-2 col2 \"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n            alt=\"\"> </button> </a> \r\n        </div>\r\n        <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'3')\"\r\n            (mouseout)=\"showpayment(false,'3')\" id='19' >\r\n            <div\r\n                style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/_zlfMu4kmw8\"\r\n                    title=\"YouTube video player\" frameborder=\"0\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                    allowfullscreen></iframe>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\"\r\n            (mouseout)=\"showpayment(false,'2')\" id=\"20\">\r\n\r\n            <label for=\"\" class=\"mt-3 \" >पे जी ऑनलाइन व्यवसायों और वित्तीय\r\n                पारिस्थितिकी तंत्र के बीच एक महत्वपूर्ण पुल के रूप में कार्य करता है, जो\r\n                सुरक्षित और कुशल ऑनलाइन लेनदेन को सक्षम बनाता है। यह पॉइंट-ऑफ-सेल टर्मिनल के\r\n                आभासी समकक्ष के रूप में कार्य करता है, जो ग्राहक, उनकी चुनी हुई भुगतान विधि\r\n                और व्यापारी के बैंक के बीच भुगतान जानकारी के हस्तांतरण की सुविधा प्रदान करता\r\n                है। इस प्रक्रिया में लेनदेन के दौरान संवेदनशील डेटा की सुरक्षा के लिए\r\n                एन्क्रिप्शन और सुरक्षा उपाय शामिल हैं। </label>\r\n            <label for=\"\" class=\"mt-4\" >वेब एकीकरण भुगतान गेटवे को ऑनलाइन स्टोर\r\n                से जोड़ने की प्रक्रिया है, जिससे व्यवसायों को सुरक्षित रूप से ऑनलाइन भुगतान\r\n                स्वीकार करने की अनुमति मिलती है। इसमें वेबसाइट की चेकआउट प्रक्रिया में\r\n                आवश्यक कोड और एपीआई (एप्लिकेशन प्रोग्रामिंग इंटरफेस) को एम्बेड करना शामिल\r\n                है। एक बार एकीकृत होने के बाद, ग्राहक अपनी पसंदीदा भुगतान विधि का चयन कर\r\n                सकते हैं, और भुगतान गेटवे बाकी काम संभालता है - भुगतान डेटा को सुरक्षित रूप\r\n                से प्रसारित करना, लेनदेन का सत्यापन करना और इसकी सफलता की पुष्टि करना। अब,\r\n                ऑनलाइन भुगतान स्वीकार करना सरल है, प्लग एंड प्ले एकीकरण विकल्पों के लिए\r\n                धन्यवाद। पे जी किसी भी डेवलपर के लिए सबसे आसान समाधान है। इसे किसी भी वेबसाइट\r\n                पर किसी भी स्टैक के साथ एकीकृत किया जा सकता है। हमारे पास सभी प्रमुख\r\n                प्लेटफार्मों के लिए विस्तृत दस्तावेज़ीकरण और एसडीके के साथ सरल भुगतान एपीआई\r\n                हैं। ऑनलाइन भुगतान स्वीकार करना सरल है, प्लग एंड प्ले एकीकरण विकल्पों के लिए\r\n                धन्यवाद। पे जी किसी भी डेवलपर के लिए सबसे आसान समाधान है। इसे किसी भी वेबसाइट\r\n                पर किसी भी स्टैक के साथ एकीकृत किया जा सकता है। हमारे पास सभी प्रमुख\r\n                प्लेटफार्मों के लिए विस्तृत दस्तावेज़ीकरण और एसडीके के साथ सरल भुगतान एपीआई\r\n                हैं। </label>\r\n        </div>\r\n        <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'3')\"\r\n            (mouseout)=\"showpayment(false,'3')\" id=\"21\">\r\n            <h2 >वेब एकीकरण के लाभ </h2>\r\n            <label for=\"\" class=\"mt-3\" >भुगतान गेटवे कंपनी में वेब एकीकरण कई\r\n                लाभ प्रदान करता है जो व्यवसायों और उनके ग्राहकों दोनों के लिए समग्र दक्षता,\r\n                सुरक्षा और उपयोगकर्ता अनुभव को बढ़ाता है। </label>\r\n\r\n            <ul>\r\n                <li class=\"mt-3\" ><b> चेकआउट अनुभव:</b>&nbsp;एकीकरण ग्राहकों के\r\n                    लिए एक सुसंगत और ब्रांडेड चेकआउट अनुभव प्रदान करता है| </li>\r\n\r\n                <li class=\"mt-3\" ><b> उन्नत सुरक्षा: </b>&nbsp;वेब एकीकरण यह\r\n                    सुनिश्चित करता है कि भुगतान जानकारी ग्राहक, व्यापारी और पे जी के बीच\r\n                    सुरक्षित रूप से प्रसारित हो। इससे डेटा उल्लंघनों और धोखाधड़ी का जोखिम कम\r\n                    हो जाता है, क्योंकि संवेदनशील डेटा लेनदेन के दौरान एन्क्रिप्ट और\r\n                    संरक्षित होता है। </li>\r\n\r\n                <li class=\"mt-3\" ><b> परित्याग में कमी:</b>&nbsp;एक निर्बाध\r\n                    चेकआउट प्रक्रिया कार्ट परित्याग दर को कम कर सकती है, क्योंकि ग्राहकों के\r\n                    निराश होने और छोड़ने की संभावना कम होती है। </li>\r\n\r\n                <li class=\"mt-3\" ><b> एकाधिक भुगतान विकल्प: </b>&nbsp;पे जी कई\r\n                    प्रकार की भुगतान विधियों की पेशकश करता है, जैसे क्रेडिट/डेबिट कार्ड,\r\n                    डिजिटल वॉलेट और बैंक हस्तांतरण। वेब एकीकरण व्यवसायों को इन विविध\r\n                    विकल्पों की पेशकश करने, विभिन्न ग्राहकों की प्राथमिकताओं को पूरा करने और\r\n                    बिक्री पूरी करने की संभावनाओं को बढ़ाने की अनुमति देता है।\r\n                </li>\r\n\r\n                <li class=\"mt-3\" ><b> वास्तविक समय लेनदेन की\r\n                        निगरानी:</b>&nbsp;एकीकृत भुगतान गेटवे लेनदेन में वास्तविक समय की\r\n                    जानकारी प्रदान करते हैं, जिससे व्यवसायों को बिक्री को ट्रैक करने,\r\n                    रुझानों की पहचान करने और अपने संचालन को अनुकूलित करने के लिए सूचित\r\n                    निर्णय लेने की अनुमति मिलती है।\r\n                </li>\r\n\r\n                <li class=\"mt-3\" ><b>मोबाइल-अनुकूल: </b>&nbsp;जैसे-जैसे अधिक\r\n                    ग्राहक मोबाइल उपकरणों पर खरीदारी करते हैं, एकीकृत भुगतान गेटवे अक्सर\r\n                    मोबाइल प्रतिक्रिया के लिए अनुकूलित होते हैं, जिससे सभी उपकरणों पर एक सहज\r\n                    भुगतान अनुभव सुनिश्चित होता है। </li>\r\n\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-4   hide-tbl content2 \">\r\n<div class=\"card crd p-4\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n            <h5 >\r\n                विषयसूची:\r\n            </h5>\r\n        </div>\r\n        <div class=\"col-md-12 mt-2\" >\r\n            <a href=\"#19\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\"> &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n\r\n                    \r\n                        <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                            [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                            >\r\n                            वेब एकीकरण </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n    \r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#20\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n\r\n                       \r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                            >\r\n                            वेब इंटीग्रेशन क्या है? </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"#21\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n\r\n                      \r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                            >वेब एकीकरण के प्रमुख लाभ </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-2\">\r\n            <a href=\"https://payg.in/developer.html\" target=\"_blank\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img src=\"./assets/devloper.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\">\r\n                        &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                      \r\n                        <span style=\"cursor: pointer;\" class=\"demoHover\"\r\n                            [ngClass]=\"{'demo':colors=='4'}\" (click)=\"color('4')\"\r\n                            >\r\n                            डेवलपर्स </span>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n\r\n\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-9 hide ft-9\">\r\n    <hr>\r\n    <div class=\" row crd\">\r\n        <div class=\"col-md-8\">\r\n           \r\n            <a [routerLink]=\"['/e-agrement']\">  <button class=\"btn btn-color\" (click)=\"menues('E-Agreement')\" > <img\r\n                    src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;ई-एग्रीमेंट\r\n\r\n            </button></a>\r\n        </div>\r\n        <div class=\"col-md-4    \">\r\n           \r\n            <a [routerLink]=\"['/payment-link']\"> <button class=\"btn btn-color\" (click)=\"menues('Payment Link')\" >पेमेंट\r\n                लिंक\r\n                &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>","<app-web-integration *ngIf=\"english\"></app-web-integration>\r\n<app-web-integration-hindi *ngIf=\"hindi\"></app-web-integration-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-integration',\r\n  templateUrl: './integration.component.html',\r\n  styleUrls: ['./integration.component.css']\r\n})\r\nexport class IntegrationComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-settlement',\r\n  templateUrl: './settlement.component.html',\r\n  styleUrls: ['./settlement.component.css']\r\n})\r\nexport class SettlementComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2> Settlement Split</h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n                <div\r\n                    style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n    \r\n                    <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/5kY7ApMM9Uo\"\r\n                        title=\"YouTube video player\" frameborder=\"0\"\r\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                        allowfullscreen></iframe>\r\n                </div>    -->\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\" id=\"2\">\r\n                    <label for=\"\" class=\"mt-3\">PayG Split Settlement is a feature designed to simplify the process of\r\n                        paying your partners and suppliers effortlessly.</label>\r\n                </div>\r\n\r\n\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\" id=\"3\">\r\n                    <h2 class=\"mt-5\">Key Benefits of PayG Split Settlement:</h2>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>Effortless Transfers: &nbsp;</b> Stay focused on growing your business\r\n                        while PayG takes care of settling amounts to your partners and suppliers seamlessly.</label>\r\n                    <label for=\"\" class=\"mt-3\"><b>Time-Saving Solution: &nbsp;</b>Say goodbye to the manual hassle of\r\n                        managing multiple transfers. PayG Split Settlement automates the process, saving you valuable\r\n                        time.</label>\r\n                    <label for=\"\" class=\"mt-3\"><b>Reduced Complexity: &nbsp;</b> Streamline your financial workflow by\r\n                        consolidating settlement processes. Enjoy a clearer, more organized approach to managing\r\n                        payouts.</label>\r\n                    <label for=\"\" class=\"mt-3\"><b> Secure Transactions: &nbsp;</b>Rest easy knowing that PayG ensures\r\n                        secure and reliable transfers, adhering to the highest industry standards for financial\r\n                        transactions.</label>\r\n                </div>\r\n\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\" id=\"4\">\r\n                    <h2 class=\"mt-5\">How PayG Split Settlement Works:</h2>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b> Automatic Calculation:&nbsp;</b>PayG intelligently calculates, and\r\n                        splits settlement amounts based on your predefined parameters, ensuring accuracy and\r\n                        efficiency.</label>\r\n                    <label for=\"\" class=\"mt-3\"><b> Seamless Integration:&nbsp;</b>Integrate PayG Split Settlement\r\n                        effortlessly into your existing systems. No need for complex setups or extensive technical\r\n                        know-how.</label>\r\n                    <label for=\"\" class=\"mt-3\"><b>Real-Time Tracking: &nbsp;</b>Gain real-time visibility into your\r\n                        settlement processes. Track and monitor transactions conveniently through the PayG\r\n                        dashboard.</label>\r\n                    <label for=\"\" class=\"mt-3\"><b>Customizable Settings: &nbsp;</b>Tailor the settlement parameters\r\n                        according to your specific business needs. PayG provides flexibility to accommodate various\r\n                        partnership and supplier arrangements.</label>\r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\" id=\"5\">\r\n                    <h2 class=\"mt-5\">\r\n\r\n                        How to Activate PayG Split Settlement:\r\n\r\n                    </h2>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>Account Activation: &nbsp;</b> Activate PayG Split Settlement through\r\n                        a seamless process. Contact our support team to enable this feature for your account.</label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>Select the Amount or Percentage: &nbsp;</b>Tailor your settlement\r\n                        preferences by choosing to split amounts either by a fixed amount or a percentage. PayG empowers\r\n                        you with flexibility.</label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>Insert the Details: &nbsp;</b>Fill in the necessary details, including\r\n                        recipient name, account number, purpose of payment, and more. This ensures transparent\r\n                        communication with your partners or suppliers.</label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>Get Notified: &nbsp;</b>Once the settlement is complete, PayG\r\n                        automatically transfers the specified amounts to the provided account numbers. Simultaneously,\r\n                        you receive instant notifications, keeping you informed about successful transactions.</label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>Effortless Workflow: &nbsp;</b>Enjoy a streamlined financial workflow\r\n                        as PayG simplifies the complexities of settling payments. Focus on growing your business while\r\n                        we handle the hassle of transactions.</label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>Customization Options: &nbsp;</b>Customize the settlement parameters\r\n                        to align with your specific business needs. Whether you prefer a fixed amount or a\r\n                        percentage-based split, PayG adapts to your preferences seamlessly.</label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b> Real-Time Tracking: &nbsp;</b> Monitor the entire process in\r\n                        real-time through the PayG dashboard. Track settlements, view transaction details, and stay in\r\n                        control of your financial operations.</label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>Simplified Payments: &nbsp;</b> Say goodbye to manual efforts and\r\n                        time-consuming payment processes. PayG Split Settlement transforms the way you handle payouts,\r\n                        making it a hassle-free experience.</label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>Enhanced Communication: &nbsp;</b> The details you input during the\r\n                        process are shared with recipients, fostering transparency and efficient communication between\r\n                        parties.\r\n\r\n                    </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span class=\"videoHover\" style=\"cursor: pointer;\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >\r\n                                    Introduction to\r\n                                    Payment Gateways\r\n                                </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\"> Settlement Split </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\"> Benefits of Settlement split </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\"> How it works? </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#5\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('5')\">   How to activate it? </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>      \r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\" style=\"width:70%\">\r\n                <a [routerLink]=\"['/price']\"> <button class=\"btn btn-color\" > <img\r\n                            src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Price\r\n                    </button></a>\r\n\r\n            </div>\r\n            <div class=\"col-md-4        \" style=\"width:30%\">\r\n                <a [routerLink]=\"['/report']\"> <button class=\"btn btn-color\"\r\n                        (click)=\"menues('Reports')\">Reports\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n\r\n            </div> \r\n        </div>\r\n    </div>\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-settlement-hindi',\r\n  templateUrl: './settlement-hindi.component.html',\r\n  styleUrls: ['./settlement-hindi.component.css']\r\n})\r\nexport class SettlementHindiComponent {\r\ndropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2> निपटान विभाजन   </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n                <div\r\n                    style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n    \r\n                    <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/5kY7ApMM9Uo\"\r\n                        title=\"YouTube video player\" frameborder=\"0\"\r\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                        allowfullscreen></iframe>\r\n                </div>    -->\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\" id=\"2\">\r\n                    <label for=\"\" class=\"mt-3\">पे जी स्प्लिट सेटलमेंट एक ऐसी सुविधा है जिसे आपके भागीदारों और आपूर्तिकर्ताओं को आसानी से भुगतान करने की प्रक्रिया को सरल बनाने के लिए डिज़ाइन किया गया है।  </label>\r\n                </div>\r\n\r\n\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\" id=\"3\">\r\n                    <h2 class=\"mt-5\">पे जी स्प्लिट सेटलमेंट के मुख्य लाभ: </h2>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>सहज स्थानांतरण: &nbsp;</b> अपने व्यवसाय को बढ़ाने पर ध्यान केंद्रित रखें जबकि पे जी आपके भागीदारों और आपूर्तिकर्ताओं को राशि का निर्बाध रूप से निपटान करने का ध्यान रखता है। </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>समय बचाने वाला समाधान: &nbsp;</b> एकाधिक स्थानांतरण प्रबंधित करने की मैन्युअल परेशानी को अलविदा कहें। पे जी स्प्लिट सेटलमेंट प्रक्रिया को स्वचालित करता है, जिससे आपका बहुमूल्य समय बचता है। </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>कम जटिलता: &nbsp;</b> निपटान प्रक्रियाओं को समेकित करके अपने वित्तीय कार्यप्रवाह को सुव्यवस्थित करें। भुगतान प्रबंधित करने के लिए एक स्पष्ट, अधिक व्यवस्थित दृष्टिकोण का आनंद लें। </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>सुरक्षित लेनदेन: &nbsp;</b>यह जानकर निश्चिंत रहें कि पे जी वित्तीय लेनदेन के लिए उच्चतम उद्योग मानकों का पालन करते हुए सुरक्षित और विश्वसनीय हस्तांतरण सुनिश्चित करता है। </label>\r\n                </div>\r\n\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\" id=\"4\">\r\n                    <h2 class=\"mt-5\">पे जी स्प्लिट सेटलमेंट कैसे काम करता है: </h2>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b> स्वचालित गणना:&nbsp;</b>पे जी सटीकता और दक्षता सुनिश्चित करते हुए, आपके पूर्वनिर्धारित मापदंडों के आधार पर निपटान राशि की बुद्धिमानी से गणना और विभाजन करता है। </label>\r\n                    <label for=\"\" class=\"mt-3\"><b> निर्बाध एकीकरण: &nbsp;</b> पे जी स्प्लिट सेटलमेंट को अपने मौजूदा सिस्टम में सहजता से एकीकृत करें। जटिल सेटअप या व्यापक तकनीकी जानकारी की कोई आवश्यकता नहीं है। </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>रीयल-टाइम ट्रैकिंग: &nbsp;</b>अपनी निपटान प्रक्रियाओं में रीयल-टाइम दृश्यता प्राप्त करें। पे जी डैशबोर्ड के माध्यम से लेनदेन को आसानी से ट्रैक और मॉनिटर करें। </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>अनुकूलन योग्य सेटिंग्स:  &nbsp;</b>अपनी विशिष्ट व्यावसायिक आवश्यकताओं के अनुसार निपटान मापदंडों को तैयार करें। पे जी विभिन्न साझेदारी और आपूर्तिकर्ता व्यवस्थाओं को समायोजित करने के लिए लचीलापन प्रदान करता है। </label>\r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\" id=\"5\">\r\n                    <h2 class=\"mt-5\">\r\n\r\n                        पे जी स्प्लिट सेटलमेंट को कैसे सक्रिय करें: \r\n                    </h2>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>खाता सक्रियण: &nbsp;</b>  एक निर्बाध प्रक्रिया के माध्यम से पे जी स्प्लिट सेटलमेंट को सक्रिय करें। अपने खाते के लिए इस सुविधा को सक्षम करने के लिए हमारी सहायता टीम से संपर्क करें। </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>राशि या प्रतिशत का चयन करें: &nbsp;</b> राशि को एक निश्चित राशि या प्रतिशत के आधार पर विभाजित करने का चयन करके अपनी निपटान प्राथमिकताओं को अनुकूलित करें। पे जी आपको लचीलेपन के साथ सशक्त बनाता है। </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>विवरण डालें:&nbsp;</b> प्राप्तकर्ता का नाम, खाता संख्या, भुगतान का उद्देश्य और बहुत कुछ सहित आवश्यक विवरण भरें। यह आपके भागीदारों या आपूर्तिकर्ताओं के साथ पारदर्शी संचार सुनिश्चित करता है। </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>सूचना प्राप्त करें:  &nbsp;</b>एक बार निपटान पूरा हो जाने पर, पे जी स्वचालित रूप से निर्दिष्ट राशि को दिए गए खाता नंबरों में स्थानांतरित कर देता है। इसके साथ ही, आपको त्वरित सूचनाएं प्राप्त होती हैं, जिससे आपको सफल लेनदेन के बारे में जानकारी मिलती रहती है। </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>सहज वर्कफ़्लो: &nbsp;</b> एक सुव्यवस्थित वित्तीय वर्कफ़्लो का आनंद लें क्योंकि पे जी भुगतान निपटाने की जटिलताओं को सरल बनाता है। हम लेन-देन की परेशानी से निपटने के साथ-साथ अपने व्यवसाय को बढ़ाने पर ध्यान दें। </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>अनुकूलन विकल्प:&nbsp;</b> अपनी विशिष्ट व्यावसायिक आवश्यकताओं के अनुरूप निपटान मापदंडों को अनुकूलित करें। चाहे आप एक निश्चित राशि या प्रतिशत-आधारित विभाजन पसंद करते हों, पे जी आपकी प्राथमिकताओं को सहजता से अपनाता है। </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b> वास्तविक समय ट्रैकिंग:  &nbsp;</b> पे जी डैशबोर्ड के माध्यम से वास्तविक समय में पूरी प्रक्रिया की निगरानी करें। निपटानों पर नज़र रखें, लेन-देन विवरण देखें, और अपने वित्तीय संचालन पर नियंत्रण रखें। </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>सरलीकृत भुगतान:  &nbsp;</b> मैन्युअल प्रयासों और समय लेने वाली भुगतान प्रक्रियाओं को अलविदा कहें। पे जी स्प्लिट सेटलमेंट आपके भुगतान को संभालने के तरीके को बदल देता है, जिससे यह एक परेशानी मुक्त अनुभव बन जाता है। </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>उन्नत संचार: &nbsp;</b> प्रक्रिया के दौरान आपके द्वारा दर्ज किए गए विवरण प्राप्तकर्ताओं के साथ साझा किए जाते हैं, जिससे पार्टियों के बीच पारदर्शिता और कुशल संचार को बढ़ावा मिलता है। \r\n\r\n                    </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        विषयसूची  \r\n                    </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span class=\"videoHover\" style=\"cursor: pointer;\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >\r\n                                    Introduction to\r\n                                    Payment Gateways\r\n                                </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\"> निपटान विभाजन  </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\"> निपटान विभाजन के लाभ   </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\"> यह काम किस प्रकार करता है?   </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#5\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('5')\">   इसे कैसे सक्रिय करें?  </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>      \r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\" style=\"width:70%\">\r\n                <a [routerLink]=\"['/price']\"> <button class=\"btn btn-color\" > <img\r\n                            src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;मूल्य \r\n                    </button></a>\r\n\r\n            </div>\r\n            <div class=\"col-md-4        \" style=\"width:30%\">\r\n                <a [routerLink]=\"['/report']\"> <button class=\"btn btn-color\"\r\n                        (click)=\"menues('Reports')\">रिपोर्टस \r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n\r\n            </div> \r\n        </div>\r\n    </div>\r\n</div>","<app-settlement *ngIf=\"english\"></app-settlement>\r\n<app-settlement-hindi *ngIf=\"hindi\"></app-settlement-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-settlement-main',\r\n  templateUrl: './settlement-main.component.html',\r\n  styleUrls: ['./settlement-main.component.css']\r\n})\r\nexport class SettlementMainComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-price',\r\n  templateUrl: './price.component.html',\r\n  styleUrls: ['./price.component.css']\r\n})\r\nexport class PriceComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>Price Match</h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"> <a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n                <div\r\n                    style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n    \r\n                    <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/5kY7ApMM9Uo\"\r\n                        title=\"YouTube video player\" frameborder=\"0\"\r\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                        allowfullscreen></iframe>\r\n                </div>    -->\r\n\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\" id=\"2\">\r\n                    <label for=\"\" class=\"mt-4\">We're excited to introduce a game-changing feature for your customers:\r\n                        PayG's Price Match. Now, shoppers can confidently enjoy the best prices on your products by\r\n                        matching them to competitors. Here's why this feature is a game-changer for both you and your\r\n                        customers:</label>\r\n\r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\" id=\"3\">\r\n                    <h2 class=\"mt-3\">How PayG's Price Match Works: </h2>\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b> Competitive Advantage: &nbsp;</b>Empower your customers to compare\r\n                        prices across different stores, ensuring they get the best deal.</label>\r\n                    <label for=\"\">Stand out in the market by offering a transparent and customer-centric approach to\r\n                        pricing.</label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>Enhanced Customer Confidence: &nbsp;</b> Build trust with your\r\n                        audience by allowing them to shop with confidence, knowing they won't miss out on better deals\r\n                        elsewhere.</label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b> Seamless Integration: &nbsp;</b>Our Price Match feature seamlessly\r\n                        integrates into your checkout process, providing a hassle-free experience for customers.</label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>Customer Loyalty: &nbsp;</b>Reward customer loyalty by assuring them\r\n                        that you're committed to offering the most competitive prices in the market.</label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>Attract New Customers: &nbsp;</b> Use Price Match as a powerful\r\n                        marketing tool to attract new customers looking for the best value for their money.</label>\r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\" id=\"4\">\r\n                    <h2 class=\"mt-4\">\r\n                        Benefits for Your Customers:\r\n                    </h2>\r\n                    <label class=\"mt-3\" for=\"\"><b> Savings Assurance:&nbsp;</b>Customers can confidently make purchases,\r\n                        knowing they're getting the best possible price for your high-quality products. </label>\r\n                    <label class=\"mt-3\" for=\"\"><b> Streamlined Process:&nbsp;</b> Our user-friendly interface makes it\r\n                        easy for customers to compare and match prices without any complications.\r\n\r\n                    </label>\r\n                    <label class=\"mt-3\" for=\"\"><b>Real-Time Updates: &nbsp;</b>Prices are dynamically adjusted in\r\n                        real-time, ensuring accuracy and reflecting the latest market conditions.</label>\r\n\r\n                    <label class=\"mt-3\" for=\"\"><b>Transparent Shopping Experience: &nbsp;</b>Demonstrate transparency\r\n                        and fairness, fostering positive customer perceptions and repeat business.</label>\r\n                    <label for=\"\">Get ready to revolutionize your customers' shopping experience with PayG's Price Match\r\n                        feature. </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span class=\"videoHover\" style=\"cursor: pointer;\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >\r\n                                    Introduction to\r\n                                    Payment Gateways\r\n                                </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\"> Introduction to Price Match </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\"> How it works? </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\"> Benefits of using Price Match </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\" style=\"width:70%\">\r\n                <a [routerLink]=\"['/coupons']\"> <button class=\"btn btn-color\"> <img src=\"./assets/Arrow 3.svg\"\r\n                            alt=\"\">&nbsp;&nbsp;Coupons\r\n                    </button></a>\r\n\r\n            </div>\r\n            <div class=\"col-md-4        \" style=\"width:30%\">\r\n                <a [routerLink]=\"['/settlement']\"> <button class=\"btn btn-color\">Settlement Split\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            \r\n            </div>  \r\n        </div>\r\n    </div>\r\n</div>\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-price-hindi',\r\n  templateUrl: './price-hindi.component.html',\r\n  styleUrls: ['./price-hindi.component.css']\r\n})\r\nexport class PriceHindiComponent {\r\n\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>मूल्य मिलान </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"> <a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n                <div\r\n                    style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n    \r\n                    <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/5kY7ApMM9Uo\"\r\n                        title=\"YouTube video player\" frameborder=\"0\"\r\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                        allowfullscreen></iframe>\r\n                </div>    -->\r\n\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\" id=\"2\">\r\n                    <label for=\"\" class=\"mt-4\">हम आपके ग्राहकों के लिए गेम-चेंजिंग सुविधा पेश करने के लिए उत्साहित हैं: पे जी का प्राइस मैच। अब, खरीदार आपके उत्पादों को प्रतिस्पर्धियों से मिला कर आत्मविश्वास से सर्वोत्तम कीमतों का आनंद ले सकते हैं। यहां बताया गया है कि यह सुविधा आपके और आपके ग्राहकों दोनों के लिए गेम-चेंजर क्यों है: </label>\r\n\r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\" id=\"3\">\r\n                    <h2 class=\"mt-3\">पे जी का मूल्य मिलान कैसे काम करता है:  </h2>\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b> प्रतिस्पर्धात्मक लाभ: &nbsp;</b> अपने ग्राहकों को विभिन्न दुकानों में कीमतों की तुलना करने के लिए सशक्त बनाएं, यह सुनिश्चित करते हुए कि उन्हें सबसे अच्छा सौदा मिले। </label>\r\n                    <label for=\"\">मूल्य निर्धारण के लिए पारदर्शी और ग्राहक-केंद्रित दृष्टिकोण की पेशकश करके बाज़ार में अलग दिखें।  </label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>बेहतर ग्राहक विश्वास:  &nbsp;</b> अपने दर्शकों को विश्वास के साथ खरीदारी करने की अनुमति देकर उनका विश्वास बनाएं, यह जानते हुए कि वे कहीं और बेहतर सौदे नहीं चूकेंगे। </label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b> निर्बाध एकीकरण:  &nbsp;</b>हमारी मूल्य मिलान सुविधा आपकी चेकआउट प्रक्रिया में सहजता से एकीकृत होती है, जो ग्राहकों के लिए परेशानी मुक्त अनुभव प्रदान करती है। </label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>ग्राहक वफादारी: &nbsp;</b> ग्राहकों की वफादारी को यह आश्वासन देकर पुरस्कृत करें कि आप बाजार में सबसे अधिक प्रतिस्पर्धी कीमतों की पेशकश करने के लिए प्रतिबद्ध हैं। </label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>नए ग्राहकों को आकर्षित करें: &nbsp;</b> अपने पैसे के लिए सर्वोत्तम मूल्य की तलाश कर रहे नए ग्राहकों को आकर्षित करने के लिए एक शक्तिशाली विपणन उपकरण के रूप में प्राइस मैच का उपयोग करें।  </label>\r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\" id=\"4\">\r\n                    <h2 class=\"mt-4\">\r\n                        आपके ग्राहकों के लिए लाभ:  \r\n                    </h2>\r\n                    <label class=\"mt-3\" for=\"\"><b>बचत आश्वासन:&nbsp;</b> ग्राहक यह जानकर आत्मविश्वास से खरीदारी कर सकते हैं कि उन्हें आपके उच्च गुणवत्ता वाले उत्पादों के लिए सर्वोत्तम संभव कीमत मिल रही है। \r\n\r\n                    </label>\r\n                    <label class=\"mt-3\" for=\"\"><b> सुव्यवस्थित प्रक्रिया: &nbsp;</b>हमारा उपयोगकर्ता-अनुकूल इंटरफ़ेस ग्राहकों के लिए बिना किसी जटिलता के कीमतों की तुलना और मिलान करना आसान बनाता है। \r\n\r\n                    </label>\r\n                    <label class=\"mt-3\" for=\"\"><b>वास्तविक समय अपडेट: &nbsp;</b> कीमतें वास्तविक समय में गतिशील रूप से समायोजित की जाती हैं, सटीकता सुनिश्चित करती हैं और नवीनतम बाजार स्थितियों को दर्शाती हैं। </label>\r\n\r\n                    <label class=\"mt-3\" for=\"\"><b>पारदर्शी खरीदारी अनुभव: &nbsp;</b> पारदर्शिता और निष्पक्षता प्रदर्शित करें, सकारात्मक ग्राहक धारणाओं को बढ़ावा दें और व्यवसाय को दोहराएं। </label>\r\n                    <label for=\"\">पे जी की प्राइस मैच सुविधा के साथ अपने ग्राहकों के खरीदारी अनुभव में क्रांतिकारी बदलाव लाने के लिए तैयार हो जाइए।  </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        विषयसूची: \r\n                    </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span class=\"videoHover\" style=\"cursor: pointer;\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >\r\n                                    Introduction to\r\n                                    Payment Gateways\r\n                                </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\"> मूल्य मिलान का परिचय </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\"> यह काम किस प्रकार करता है?  </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">मूल्य मिलान का उपयोग करने के लाभ  </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\" style=\"width:70%\">\r\n                <a [routerLink]=\"['/coupons']\"> <button class=\"btn btn-color\"> <img src=\"./assets/Arrow 3.svg\"\r\n                            alt=\"\">&nbsp;&nbsp;कूपन\r\n                    </button></a>\r\n\r\n            </div>\r\n            <div class=\"col-md-4        \" style=\"width:30%\">\r\n                <a [routerLink]=\"['/settlement']\"> <button class=\"btn btn-color\"> समझौता\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            \r\n            </div>  \r\n        </div>\r\n    </div>\r\n</div>\r\n","<app-price *ngIf=\"english\"></app-price>\r\n<app-price-hindi *ngIf=\"hindi\"></app-price-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-price-main',\r\n  templateUrl: './price-main.component.html',\r\n  styleUrls: ['./price-main.component.css']\r\n})\r\nexport class PriceMainComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-onbording',\r\n  templateUrl: './onbording.component.html',\r\n  styleUrls: ['./onbording.component.css']\r\n})\r\nexport class OnbordingComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>Onboarding Process</h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button\r\n                            class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\"\r\n                                (click)=\"menues('share-button')\" alt=\"\"> </button> </a>\r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n                    <div style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/jitZ29MM6P0?si=5VFW-WvVm6ZI6KE_\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-4\">The onboarding process refers to the steps and activities involved in\r\n                        integrating and orienting merchants/customers into a product, or service. It is a critical phase\r\n                        that sets the foundation for a positive and successful experience for the individuals involved.\r\n                    </label>\r\n                </div>\r\n\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\" id=\"2\">\r\n                    <h2 class=\"mt-4\">The onboarding process of PayG</h2>\r\n                    <label for=\"\">PayG’s onboarding process is very simple and easy and includes only six steps. Here's\r\n                        a general outline of the onboarding process of PayG: </label>\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>Step 1: Registration:</b></h4>\r\n                    <label for=\"\">Fill in all the mandatory details such as mobile number and legal business name and\r\n                        then create a strong password and then click on the register button. </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                            <img src=\"./assets/onboarding/Screenshot 2024-11-20 161917(1).png\" width=\"100%\"\r\n                                height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\">Your account will be created successfully. </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                            <img src=\"./assets/onboarding/A screenshot of a computer__Description automatically generated(2).png\"\r\n                                width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <!-- <label for=\"\" class=\"mt-4\">The merchant can select GST if they have a GST number and fill in the\r\n                        details.</label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                            <img src=\"./assets/o-3.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\">Add business owner details</label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                            <img src=\"./assets/o-4.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-4\">\r\n                        The merchants need to add a short description of their business.\r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                            <img src=\"./assets/o-5.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-3\">\r\n                            <img src=\"./assets/o-6.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div> -->\r\n                    <div class=\"row mt-4\">\r\n                        <h4><b>Step 2:Business Details:</b></h4>\r\n                        <label for=\"\" class=\"mt-4\">\r\n                            Merchants need to choose the type of account they need like professional, business,\r\n                            government entity, or micro merchant. Then in the next step, PayG asks to fill out the\r\n                            details as per the account type. </label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/onboarding/image (3).png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <label for=\"\" class=\"mt-4\">The merchants need to fill in their PAN or GST details.</label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/onboarding/image (4).jpg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <label for=\"\" class=\"mt-4\">Add your business owner details .</label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/onboarding/image (5).png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <label for=\"\" class=\"mt-4\">The merchants need to add a detailed description of their business and logo. </label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/onboarding/image (5)(1).jpg\" width=\"100%\" height=\"100%\" alt=\"img\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <label for=\"\" class=\"mt-4\">Next, select where you want to use our payment services </label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/onboarding/image(6).png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"row mt-4\">\r\n                        <h4><b>Step 3: Bank Details:</b></h4>\r\n                        <label for=\"\" class=\"mt-4\">\r\n                            The merchant needs to add bank details like the account holder's name, IFSC code, and account number. </label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/onboarding/image (7).png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"row mt-4\">\r\n                        <h4><b>Step 4: Business Overview:</b></h4>\r\n                        <label for=\"\" class=\"mt-4\">\r\n                            Search for your MCC code or your business category and move on to the next step.  </label>\r\n                        <div class=\"row \">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/onboarding/image (8).png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n\r\n                            <label for=\"\" class=\"mt-4\">\r\n                                Tell us what kind of products and services you will be offering your customers.   </label>\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/onboarding/image (9).png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n\r\n                            <label for=\"\" class=\"mt-4\">\r\n                                Select your yearly turn-over and per ticket average volume  </label>\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/onboarding/image (10).png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n\r\n                            <label for=\"\" class=\"mt-4\">\r\n                                If you have an official website or app please provide the website or app link in this step  </label>\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/onboarding/image (11).jpg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n\r\n                            <label for=\"\" class=\"mt-4\">\r\n                                If you have an official social media handle please provide the link in this step </label>\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/onboarding/image (12).png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"row mt-4\">\r\n                        <h4><b>Step 5: Document Verification:</b></h4>\r\n                        <label for=\"\" class=\"mt-4\">\r\n                            Upload all the documents so that our team can verify them. </label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/onboarding/image (13).png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n                        <label for=\"\" class=\"mt-4\">\r\n                            Your documents will be uploaded successfully </label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/onboarding/image.jpg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <div class=\"row mt-4\">\r\n                        <h4><b>Step 6: Agreement E-Sign:</b></h4>\r\n                        <label for=\"\" class=\"mt-4\">\r\n                            After successful testing and compliance checks, an agreement e-sign will be signed between PayG and the merchant and you will be onboarded successfully  </label>\r\n                        <div class=\"row\">\r\n                            <!-- <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"../../../assets/onboarding/image.jpg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div> -->\r\n                            <!-- <label for=\"\" class=\"mt-4\">\r\n                                You will be onboarded successfully </label> -->\r\n                            <!-- <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/o-15.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div> -->\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n                </div>\r\n\r\n                <div class=\"col-md-12\">\r\n                    <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'color':colors=='1'}\"\r\n                                    (click)=\"color('1')\">\r\n                                    What is an Onboarding process?</span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12\">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\">Onboarding process of PayG\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n\r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <!-- <div class=\"col-md-8\" style=\"width:70%\">\r\n                <a [routerLink]=\"['/pay-out']\"> <button class=\"btn btn-color\"> <img src=\"./assets/Arrow 3.svg\"\r\n                            alt=\"\">&nbsp;&nbsp;Pay out\r\n                    </button></a>\r\n\r\n            </div> -->\r\n            <div class=\"col-md-8\" style=\"width:68%\">\r\n                <a [routerLink]=\"['/payment-gateway-working']\"> <button class=\"btn btn-color\"> <img src=\"./assets/Arrow 3.svg\"\r\n                            alt=\"\">&nbsp;&nbsp;Payment gateway\r\n                    </button></a>\r\n\r\n            </div>\r\n\r\n            <div class=\"col-md-4\" style=\"width:32%\">\r\n                <a [routerLink]=\"['/merchant-dashboard']\"> <button class=\"btn btn-color\" (click)=\"menues('merchant')\">\r\n                        Merchant Dashboard\r\n                        <img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-onboarding-hindi',\r\n  templateUrl: './onboarding-hindi.component.html',\r\n  styleUrls: ['./onboarding-hindi.component.css']\r\n})\r\nexport class OnboardingHindiComponent {\r\n\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>ऑनबोर्डिंग प्रक्रिया  </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>\r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n                    <div style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/jitZ29MM6P0?si=5VFW-WvVm6ZI6KE_\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-4\">सामान्य व्यावसायिक संदर्भ में ऑनबोर्डिंग प्रक्रिया, ग्राहकों, या उपयोगकर्ताओं को किसी उत्पाद, या सेवा में एकीकृत और उन्मुख करने में शामिल चरणों और गतिविधियों को संदर्भित करती है। यह एक महत्वपूर्ण चरण है जो इसमें शामिल व्यक्तियों के लिए सकारात्मक और सफल अनुभव की नींव रखता है।  </label>\r\n                </div>\r\n\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\" id=\"2\">\r\n                    <h2 class=\"mt-4\">पे जी की ऑनबोर्डिंग प्रक्रिया  </h2>\r\n                    <label for=\"\"> यहां पे जी की ऑनबोर्डिंग प्रक्रिया की सामान्य रूपरेखा दी गई है:  </label>\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>चरण 1: पंजीकरण: </b></h4>\r\n                    <label for=\"\">व्यापारियों को पेशेवर, व्यावसायिक या सरकारी इकाई जैसे खाते का प्रकार चुनना होगा। फिर अगले चरण में, पे जी खाता प्रकार के अनुसार विवरण भरने के लिए कहता है।  </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                            <img src=\"./assets/o-1.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\">व्यापारियों को अपना पैन या जीएसटी विवरण भरना होगा। </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                            <img src=\"./assets/o-2.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\">यदि व्यापारी के पास जीएसटी नंबर है तो वह जीएसटी का चयन कर सकता है और विवरण भर सकता है। </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                            <img src=\"./assets/o-3.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label for=\"\" class=\"mt-4\">व्यवसाय स्वामी का विवरण जोड़ें </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                            <img src=\"./assets/o-4.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <label for=\"\" class=\"mt-4\">\r\n                        व्यापारियों को अपने व्यवसाय का संक्षिप्त विवरण जोड़ना होगा। \r\n                    </label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                            <img src=\"./assets/o-5.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-12 mt-3\">\r\n                            <img src=\"./assets/o-6.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row mt-4\">\r\n                        <h4><b>चरण 2: भुगतान उद्देश्य: </b></h4>\r\n                        <label for=\"\" class=\"mt-4\">\r\n                            पे जी भुगतान सेवाओं का उपयोग व्यापारियों द्वारा निर्दिष्ट किया जाना चाहिए। उदाहरण के लिए, खुदरा विक्रेता की वेबसाइट पर चालान बनाना, शुल्क जमा करना आदि।  </label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/onbo1.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/onbo2.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row mt-4\">\r\n                        <h4><b>चरण 3: बैंक विवरण: </b></h4>\r\n                        <label for=\"\" class=\"mt-4\">\r\n                            खाताधारक का नाम, खाता संख्या और आईएफएससी कोड जैसे बैंक विवरण व्यापारियों द्वारा भरे जाएंगे।  </label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/o-8.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"row mt-4\">\r\n                        <h4><b>चरण 4: व्यवसाय अवलोकन: </b></h4>\r\n                        <label for=\"\" class=\"mt-4\">\r\n                            पे जी आम तौर पर व्यापारी के व्यवसाय की प्रकृति और दायरे को समझने के लिए व्यवसाय अवलोकन मांगता है। यह जानकारी भुगतान गेटवे कंपनी को उनकी सेवाओं के लिए व्यापारी की उपयुक्तता का आकलन करने, संभावित जोखिमों की पहचान करने और नियामक आवश्यकताओं का अनुपालन करने में मदद करती है।   </label>\r\n                        <div class=\"row \">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/o-11.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/o-10.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/o-12.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/o-13.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"row mt-4\" >\r\n                        <h4 ><b>चरण 5: दस्तावेज़ सत्यापन: </b></h4>\r\n                        <label for=\"\" class=\"mt-4\">\r\n                            व्यापारी को सत्यापन के लिए आवश्यक कानूनी और नियामक दस्तावेज जमा करने की आवश्यकता होती है, जिसमें व्यवसाय पंजीकरण प्रमाणपत्र, पैन कार्ड, आधार कार्ड, सरकारी आईडी आदि शामिल हो सकते हैं। पे जी की टीम प्रामाणिकता और वैधता सुनिश्चित करने के लिए प्रस्तुत दस्तावेजों की समीक्षा और सत्यापन करती है। व्यापार। </label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/o-9.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row mt-4\" >\r\n                        <h4 ><b>चरण 6: अनुबंध ई-हस्ताक्षर: </b></h4>\r\n                        <label for=\"\" class=\"mt-4\">\r\n                            सफल परीक्षण और अनुपालन जांच के बाद, पे जी और व्यापारी के बीच एक समझौते ई-साइन पर हस्ताक्षर किए जाएंगे।  </label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/o-14.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/o-15.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        विषयसूची :\r\n                    </h5>\r\n                </div>\r\n               \r\n                <div class=\"col-md-12\">\r\n                    <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'color':colors=='1'}\"\r\n                                    (click)=\"color('1')\">\r\n                                    ऑनबोर्डिंग प्रक्रिया क्या है? </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12\">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\">पे जी की ऑनबोर्डिंग प्रक्रिया \r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n              \r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\" style=\"width:70%\">\r\n                <a [routerLink]=\"['/pay-out']\"> <button class=\"btn btn-color\" > <img\r\n                            src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;पे आउट \r\n                    </button></a>\r\n\r\n            </div>\r\n            <div class=\"col-md-4        \" style=\"width:30%\">\r\n                <a [routerLink]=\"['/features']\"> <button class=\"btn btn-color\"\r\n                        (click)=\"menues('Web Integraation')\">पे जी फीचर्स \r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","<app-onbording *ngIf=\"english\"></app-onbording>\r\n<app-onboarding-hindi *ngIf=\"hindi\"></app-onboarding-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-onboarding-main',\r\n  templateUrl: './onboarding-main.component.html',\r\n  styleUrls: ['./onboarding-main.component.css']\r\n})\r\nexport class OnboardingMainComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-pay-out',\r\n  templateUrl: './pay-out.component.html',\r\n  styleUrls: ['./pay-out.component.css']\r\n})\r\nexport class PayOutComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n\r\n}\r\n","<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>\r\n                        Introduction to Payout</h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><button class=\"btn share\"><img src=\"./assets/share (5).svg\"\r\n                            style=\"width: 30px;\" alt=\"\"></button>\r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n                    <div style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/Ee8A2oDqDRw?si=wcJ62-H4WxaERYp_\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"2\">\r\n                    <h2>Introduction to Payouts</h2>\r\n                    <label for=\"\" class=\"mt-2\">Welcome to the Payouts Documentation, a comprehensive guide to\r\n                        understanding and implementing payout processes efficiently. It involves the transfer of funds\r\n                        as compensation, salary, rewards, settlement of financial transactions, or fulfilment of\r\n                        contractual agreements. </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5  \" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"3\">\r\n                    <h2>Purpose of Payouts</h2>\r\n                    <label for=\"\" class=\"mt-3\">The primary purpose of payouts is to facilitate the fair and timely\r\n                        distribution of funds or rewards in different scenarios. The key objectives include:</label>\r\n\r\n                    <h4 class=\"mt-4\"><b>Compensation</b></h4>\r\n                    <label for=\"\">Ja Payouts are commonly used to compensate individuals or entities for products,\r\n                        services, or work performed. This can include employee salaries, vendor payments, or payments\r\n                        for goods and services.</label>\r\n\r\n                    <h4 class=\"mt-4\"><b>Rewards and Incentives</b></h4>\r\n                    <label for=\"\">Businesses often use payouts to distribute rewards, bonuses, or incentives to\r\n                        individuals or teams for achieving specific goals, milestones, or performance targets.</label>\r\n\r\n                    <h4 class=\"mt-4\"><b>Financial Transactions</b></h4>\r\n                    <label for=\"\">Payouts play a crucial role in settling financial transactions. This can involve\r\n                        refunding customers, reimbursing expenses, or fulfilling financial obligations resulting from\r\n                        various business activities.</label>\r\n\r\n                    <h4 class=\"mt-4\"><b>Distribution of Earnings</b></h4>\r\n                    <label for=\"\"> In investment contexts, payouts represent the distribution of earnings or profits to\r\n                        investors or shareholders. This can take the form of dividends, interest payments, or other\r\n                        returns on investments.</label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id=\"4\">\r\n                    <h2>\r\n                        Payout Methods Explained\r\n                    </h2>\r\n                    <label for=\"\">Payout methods are the different ways in which funds or rewards are distributed from\r\n                        one party to another. The choice of payout method often depends on factors such as the nature of\r\n                        the transaction, the preferences of the parties involved, and the technological infrastructure\r\n                        available. Here are common payout methods explained:</label>\r\n\r\n                    <h4 class=\"mt-4\"><b>Bank Transfers</b></h4>\r\n                    <label for=\"\">This method involves transferring funds directly from one bank account to another. It\r\n                        is a widely used and secure way to conduct payouts.</label>\r\n\r\n                    <h4 class=\"mt-4\"><b>Electronic Funds Transfer (EFT)</b></h4>\r\n                    <label for=\"\">Similar to bank transfers, EFT is a digital method that moves funds electronically\r\n                        between bank accounts, eliminating the need for physical checks.</label>\r\n\r\n                    <h4 class=\"mt-4\"><b>Digital Wallet Transactions</b></h4>\r\n                    <label for=\"\">Payouts can be made to digital wallets, which are virtual platforms storing funds.\r\n                        Recipients can then use the digital wallet balance for various transactions. </label>\r\n\r\n                    <h4 class=\"mt-4\"><b>Peer-to-Peer (P2P) Payment Apps</b></h4>\r\n                    <label for=\"\">Mobile applications facilitate direct payments between individuals, often linked to\r\n                        bank accounts or credit cards.</label>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\"\r\n                    id=\"5\">\r\n                    <h2>Use Cases of Payouts</h2>\r\n                    <label for=\"\">Payouts are versatile and find application in various industries and scenarios. Here\r\n                        are common use cases illustrating the diverse ways in which payouts are employed:</label>\r\n\r\n                    <h4 class=\"mt-4\"><b>Employee Salaries</b></h4>\r\n                    <label for=\"\">Employers use payouts to compensate their employees for their work</label>\r\n\r\n                    <h4 class=\"mt-4\"><b>E-commerce Transactions</b></h4>\r\n                    <label for=\"\">Online retailers use payouts to refund customers, pay suppliers, and settle\r\n                        transactions, ensuring a smooth flow of funds in the e-commerce ecosystem.</label>\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>Vendor Payments</b></h4>\r\n                    <label for=\"\">Companies make payouts to suppliers and vendors for goods and services provided,\r\n                        maintaining healthy business relationships</label>\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>Freelancer Payments</b></h4>\r\n                    <label for=\"\">Employers use payouts to compensate freelancers for project work, providing a flexible\r\n                        way to manage contract-based employment</label>\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>Dividends to Shareholders</b></h4>\r\n                    <label for=\"\">Companies issue payouts in the form of dividends to shareholders, distributing a\r\n                        portion of profits as a return on their investments.</label>\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>Incentives and Rewards Programs</b></h4>\r\n                    <label for=\"\">Businesses use payouts as incentives or rewards for employees, customers, or partners\r\n                        to encourage desired behaviours or achievements.</label>\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>Rent and Real Estate Payments</b></h4>\r\n                    <label for=\"\">Landlords receive payouts from tenants as rent payments, streamlining the process of\r\n                        property management.</label>\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>Government Aid and Social Programs</b></h4>\r\n                    <label for=\"\">Governments use payouts to distribute financial aid and support through social welfare\r\n                        programs, ensuring assistance to eligible individuals.</label>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span class=\"videoHover\" style=\"cursor: pointer;\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >\r\n                                    Introduction to\r\n                                    Payment Gateways\r\n                                </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\"> Understanding Payouts </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">\r\n                                    Purpose of Payouts? </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">Payout methods </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#5\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('5')\">Use cases of Payouts</span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/ppt.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-8\">\r\n                            <a href=\"./assets/PPT/Payouts 1.pdf\" target=\"_blank\">\r\n                                <span style=\"cursor: pointer;\" class=\"pptHover\" [ngClass]=\"{'ppt':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    Payouts Overview</span>\r\n                            </a>\r\n                        </div>\r\n                        <div class=\"col-md-2\">\r\n                            <a href=\"./assets/PPT/Payouts.pdf\" download><img src=\"./assets/Download.svg\" alt=\"\"\r\n                                    width=\"100%\"></a>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8    \">\r\n                <a [routerLink]=\"['/create-profile']\"><button class=\"btn btn-color\"\r\n                        (click)=\"menues('Creating Profile')\"> <img src=\"./assets/Arrow 3.svg\" alt=\"\"> &nbsp;Creating\r\n                        Profile\r\n                        &nbsp;</button></a>\r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/create-payout']\"> <button class=\"btn btn-color\">Create Payout\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-payout-hindi',\r\n  templateUrl: './payout-hindi.component.html',\r\n  styleUrls: ['./payout-hindi.component.css']\r\n})\r\nexport class PayoutHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>भुगतान का परिचय</h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" alt=\"\"></button>\r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n                <div\r\n                    style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n    \r\n                    <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/Ee8A2oDqDRw?si=wcJ62-H4WxaERYp_\"\r\n                        title=\"YouTube video player\" frameborder=\"0\"\r\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                        allowfullscreen></iframe>\r\n                </div>\r\n            </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"2\">\r\n                    <h2>भुगतान का परिचय </h2>\r\n                    <label for=\"\" class=\"mt-2\">पेआउट दस्तावेज़ीकरण में आपका स्वागत है, जो पेआउट प्रक्रियाओं को कुशलतापूर्वक समझने और लागू करने के लिए एक व्यापक मार्गदर्शिका है। इसमें मुआवजे, वेतन, पुरस्कार, वित्तीय लेनदेन के निपटान या संविदात्मक समझौतों की पूर्ति के रूप में धन का हस्तांतरण शामिल है।  </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5  \" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"3\">\r\n                    <h2>भुगतान का उद्देश्य  </h2>\r\n                    <label for=\"\" class=\"mt-3\">भुगतान का प्राथमिक उद्देश्य विभिन्न परिदृश्यों में धन या पुरस्कारों के उचित और समय पर वितरण की सुविधा प्रदान करना है। प्रमुख उद्देश्यों में शामिल हैं: </label>\r\n\r\n                    <h4 class=\"mt-4\"><b>मुआवज़ा </b></h4>\r\n                    <label for=\"\">जा पेआउट का उपयोग आमतौर पर व्यक्तियों या संस्थाओं को उत्पादों, सेवाओं या किए गए कार्यों के लिए मुआवजा देने के लिए किया जाता है। इसमें कर्मचारी वेतन, विक्रेता भुगतान, या वस्तुओं और सेवाओं के लिए भुगतान शामिल हो सकते हैं। </label>\r\n\r\n                    <h4 class=\"mt-4\"><b>पुरस्कार और प्रोत्साहन  </b></h4>\r\n                    <label for=\"\">व्यवसाय अक्सर विशिष्ट लक्ष्यों, मील के पत्थर या प्रदर्शन लक्ष्यों को प्राप्त करने के लिए व्यक्तियों या टीमों को पुरस्कार, बोनस या प्रोत्साहन वितरित करने के लिए भुगतान का उपयोग करते हैं। </label>\r\n\r\n                    <h4 class=\"mt-4\"><b>वित्तीय लेनदेन </b></h4>\r\n                    <label for=\"\">वित्तीय लेनदेन को निपटाने में भुगतान महत्वपूर्ण भूमिका निभाता है। इसमें ग्राहकों को धन वापस करना, खर्चों की प्रतिपूर्ति करना, या विभिन्न व्यावसायिक गतिविधियों के परिणामस्वरूप वित्तीय दायित्वों को पूरा करना शामिल हो सकता है। </label>\r\n\r\n                    <h4 class=\"mt-4\"><b>कमाई का वितरण </b></h4>\r\n                    <label for=\"\">निवेश के संदर्भ में, भुगतान निवेशकों या शेयरधारकों को कमाई या मुनाफे के वितरण का प्रतिनिधित्व करता है। यह लाभांश, ब्याज भुगतान या निवेश पर अन्य रिटर्न का रूप ले सकता है। </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id=\"4\">\r\n                    <h2>\r\n                        भुगतान के तरीके बताए गए  \r\n                    </h2>\r\n                    <label for=\"\">भुगतान विधियां वे अलग-अलग तरीके हैं जिनमें धन या पुरस्कार एक पार्टी से दूसरी पार्टी में वितरित किए जाते हैं। भुगतान पद्धति का चुनाव अक्सर लेन-देन की प्रकृति, शामिल पार्टियों की प्राथमिकताएं और उपलब्ध तकनीकी बुनियादी ढांचे जैसे कारकों पर निर्भर करता है। यहां सामान्य भुगतान विधियों के बारे में बताया गया है: </label>\r\n\r\n                    <h4 class=\"mt-4\"><b>बैंक हस्तांतरण </b></h4>\r\n                    <label for=\"\">इस पद्धति में एक बैंक खाते से दूसरे बैंक खाते में सीधे धनराशि स्थानांतरित करना शामिल है। यह भुगतान करने का व्यापक रूप से उपयोग किया जाने वाला और सुरक्षित तरीका है। .</label>\r\n\r\n                    <h4 class=\"mt-4\"><b>इलेक्ट्रॉनिक फंड ट्रांसफर (ईएफटी) </b></h4>\r\n                    <label for=\"\">बैंक हस्तांतरण के समान, ईएफटी एक डिजिटल तरीका है जो भौतिक जांच की आवश्यकता को समाप्त करते हुए, बैंक खातों के बीच इलेक्ट्रॉनिक रूप से धनराशि स्थानांतरित करता है। </label>\r\n\r\n                    <h4 class=\"mt-4\"><b>डिजिटल वॉलेट लेनदेन </b></h4>\r\n                    <label for=\"\">भुगतान डिजिटल वॉलेट में किया जा सकता है, जो धन संग्रहीत करने वाले आभासी प्लेटफॉर्म हैं। इसके बाद प्राप्तकर्ता विभिन्न लेनदेन के लिए डिजिटल वॉलेट बैलेंस का उपयोग कर सकते हैं।  </label>\r\n\r\n                    <h4 class=\"mt-4\"><b>पीयर-टू-पीयर (पी2पी) भुगतान ऐप्स </b></h4>\r\n                    <label for=\"\">मोबाइल एप्लिकेशन व्यक्तियों के बीच सीधे भुगतान की सुविधा प्रदान करते हैं, जो अक्सर बैंक खातों या क्रेडिट कार्ड से जुड़े होते हैं। </label>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\"\r\n                    id=\"5\">\r\n                    <h2>भुगतान के मामलों का उपयोग करें </h2>\r\n                    <label for=\"\">भुगतान बहुमुखी हैं और विभिन्न उद्योगों और परिदृश्यों में आवेदन पाते हैं। यहां सामान्य उपयोग के मामले दिए गए हैं जो भुगतान को नियोजित करने के विभिन्न तरीकों को दर्शाते हैं: </label>\r\n\r\n                    <h4 class=\"mt-4\"><b>कर्मचारी वेतन  </b></h4>\r\n                    <label for=\"\">नियोक्ता अपने कर्मचारियों को उनके काम के लिए मुआवजा देने के लिए भुगतान का उपयोग करते हैं </label>\r\n\r\n                    <h4 class=\"mt-4\"><b>ई-कॉमर्स लेनदेन </b></h4>\r\n                    <label for=\"\">ऑनलाइन खुदरा विक्रेता ग्राहकों को धन वापस करने, आपूर्तिकर्ताओं को भुगतान करने और लेनदेन का निपटान करने के लिए भुगतान का उपयोग करते हैं, जिससे ई-कॉमर्स पारिस्थितिकी तंत्र में धन का सुचारू प्रवाह सुनिश्चित होता है। </label>\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>विक्रेता भुगतान </b></h4>\r\n                    <label for=\"\">कंपनियां स्वस्थ व्यावसायिक संबंध बनाए रखते हुए, प्रदान की गई वस्तुओं और सेवाओं के लिए आपूर्तिकर्ताओं और विक्रेताओं को भुगतान करती हैं। </label>\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>फ्रीलांसर भुगतान  </b></h4>\r\n                    <label for=\"\">नियोक्ता प्रोजेक्ट कार्य के लिए फ्रीलांसरों को मुआवजा देने के लिए भुगतान का उपयोग करते हैं, जो अनुबंध-आधारित रोजगार को प्रबंधित करने का एक लचीला तरीका प्रदान करता है। </label>\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>शेयरधारकों को लाभांश </b></h4>\r\n                    <label for=\"\">कंपनियां शेयरधारकों को लाभांश के रूप में भुगतान जारी करती हैं, मुनाफे का एक हिस्सा उनके निवेश पर रिटर्न के रूप में वितरित करती हैं। </label>\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>प्रोत्साहन और पुरस्कार कार्यक्रम </b></h4>\r\n                    <label for=\"\">व्यवसाय वांछित व्यवहार या उपलब्धियों को प्रोत्साहित करने के लिए कर्मचारियों, ग्राहकों या भागीदारों के लिए प्रोत्साहन या पुरस्कार के रूप में भुगतान का उपयोग करते हैं। </label>\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>किराया और रियल एस्टेट भुगतान </b></h4>\r\n                    <label for=\"\">मकान मालिकों को किराए के भुगतान के रूप में किरायेदारों से भुगतान प्राप्त होता है, जिससे संपत्ति प्रबंधन की प्रक्रिया सरल हो जाती है। </label>\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>सरकारी सहायता और सामाजिक कार्यक्रम </b></h4>\r\n                    <label for=\"\">सरकारें सामाजिक कल्याण कार्यक्रमों के माध्यम से वित्तीय सहायता और समर्थन वितरित करने के लिए भुगतान का उपयोग करती हैं, जिससे पात्र व्यक्तियों को सहायता सुनिश्चित होती है। </label>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        विषयसूची   :\r\n                    </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span class=\"videoHover\" style=\"cursor: pointer;\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >\r\n                                    Introduction to\r\n                                    Payment Gateways\r\n                                </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\"> भुगतान को समझना   </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">\r\n                                    भुगतान का उद्देश्य   </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">भुगतान के तरीके   </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#5\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('5')\">भुगतान के मामलों का उपयोग करें </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/ppt.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-8\">\r\n                            <a href=\"./assets/PPT/Hindi Payout 1.pdf\"\r\n                                target=\"_blank\">\r\n                                <span style=\"cursor: pointer;\" class=\"pptHover\" [ngClass]=\"{'ppt':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    भुगतान अवलोकन</span>\r\n                            </a>\r\n                        </div>\r\n                        <div class=\"col-md-2\">\r\n                            <a href=\"./assets/PPT/Payouts.pdf\" download><img src=\"./assets/Download.svg\"\r\n                                    alt=\"\" width=\"100%\"></a>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8    \">\r\n                <a [routerLink]=\"['/create-profile']\"><button class=\"btn btn-color\" (click)=\"menues('Creating Profile')\"\r\n                    > <img src=\"./assets/Arrow 3.svg\" alt=\"\"> &nbsp;प्रोफ़ाइल बनाना\r\n                    \r\n                    &nbsp;</button></a> \r\n               </div>\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/create-payout']\">   <button class=\"btn btn-color\" >पेआउट बनाए \r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","<app-pay-out *ngIf=\"english\"></app-pay-out>\r\n<app-payout-hindi *ngIf=\"hindi\"></app-payout-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-payout-main',\r\n  templateUrl: './payout-main.component.html',\r\n  styleUrls: ['./payout-main.component.css']\r\n})\r\nexport class PayoutMainComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-features',\r\n  templateUrl: './features.component.html',\r\n  styleUrls: ['./features.component.css']\r\n})\r\nexport class FeaturesComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>Features of PayG</h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>\r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n                    <!-- <div style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/5kY7ApMM9Uo\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div> -->\r\n                    <label for=\"\" class=\"mt-4\">PayG offers a variety of features and services to facilitate online transactions and enable businesses to accept payments securely and efficiently. Some common features of PayG include:</label>\r\n\r\n\r\n                   <ol class=\"mt-4\">\r\n                    <li  class=\"mt-4\"><b>Multiple Payment Options: &nbsp;</b>Payment gateways support various payment methods, including credit and debit cards, net banking, UPI, mobile wallets, and other digital payment options, allowing customers to pay using their preferred mode</li>\r\n                    <li  class=\"mt-4\"><b>Secure Transactions: &nbsp;</b>Payment gateways employ encryption and other security measures to ensure that sensitive customer information, such as card details, remains protected during the payment process.</li>\r\n                    <li  class=\"mt-4\"><b> Payment Support:&nbsp;</b>PayG offers payment support all over India, allowing businesses to accept payments from customers located in different states/UTs.</li>\r\n                    <li  class=\"mt-4\"><b>Real-Time Reporting and Analytics &nbsp;</b>Businesses can monitor their payment activity and track success thanks to dashboards provided by PayG that provide real-time transaction data, analytics, and insights.</li>\r\n                    <li  class=\"mt-4\"><b>Payment buttons Customization:  &nbsp;</b>PayG offers customization options for payment buttons, enabling businesses to match the branding and design elements of their websites for a seamless user experience.</li>\r\n                    <li  class=\"mt-4\"><b>Fraud Prevention and Risk Management:&nbsp;</b> To identify and mitigate fraudulent transactions, PayG uses fraud protection technologies and risk management systems, which lowers the likelihood of chargebacks and losses.</li>\r\n                    <li  class=\"mt-4\"><b> 24/7 Customer Support: &nbsp;</b>PayG offers round-the-clock customer support to assist businesses and customers with any payment-related issues or queries.</li>\r\n                    <li  class=\"mt-4\"><b>PCI Compliance:  &nbsp;</b>PayG adheres to Payment Card Industry Data Security Standard (PCI DSS) compliance, ensuring the highest level of data security for cardholder information.\r\n\r\n                    </li>\r\n                    <li  class=\"mt-4\"><b>Instant Settlements:  &nbsp;</b>Businesses who use PayG's rapid settlement service can get money in their bank accounts right away following a successful transaction.\r\n\r\n                    </li>\r\n                    <li  class=\"mt-4\"><b>Payment Routing: &nbsp;</b>PayG supports payment routing, which automatically routes transactions through different processors or acquirers to optimize payment success rates.</li>\r\n                    <li  class=\"mt-4\"><b>Virtual POS (Point of Sale): &nbsp;</b> Virtual POS terminals provided by PayG enable businesses to accept payments online, over the phone, or through other remote methods.\r\n\r\n                    </li>\r\n                    \r\n                   </ol>\r\n                </div>\r\n               \r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n                </div>\r\n               \r\n                <div class=\"col-md-12\">\r\n                    <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'color':colors=='1'}\"\r\n                                    (click)=\"color('1')\">\r\n                                    Features of PayG</span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n           \r\n\r\n              \r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\" style=\"width:70%\">\r\n                <a [routerLink]=\"['/pay-g']\"> <button class=\"btn btn-color\" > <img\r\n                            src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;PayG\r\n                    </button></a>\r\n\r\n            </div>\r\n            <div class=\"col-md-4        \" style=\"width:30%\">\r\n                <a [routerLink]=\"['/payment-gateway']\"> <button class=\"btn btn-color\"\r\n                        (click)=\"menues('Web Integration')\">Payment Gateway\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-features-hindi',\r\n  templateUrl: './features-hindi.component.html',\r\n  styleUrls: ['./features-hindi.component.css']\r\n})\r\nexport class FeaturesHindiComponent {\r\n\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>पे जी की विशेषताएं </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>\r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n                    <!-- <div style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/5kY7ApMM9Uo\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div> -->\r\n                    <label for=\"\" class=\"mt-4\">पे जी ऑनलाइन लेनदेन को सुविधाजनक बनाने और व्यवसायों को सुरक्षित और कुशलता से भुगतान स्वीकार करने में सक्षम बनाने के लिए कई प्रकार की सुविधाएँ और सेवाएँ प्रदान करता है। पे जी की कुछ सामान्य विशेषताओं में शामिल हैं:  </label>\r\n\r\n\r\n                   <ol class=\"mt-4\">\r\n                    <li  class=\"mt-4\"><b> एकाधिक भुगतान विकल्प:  &nbsp;</b>भुगतान गेटवे क्रेडिट और डेबिट कार्ड, नेट बैंकिंग, यूपीआई, मोबाइल वॉलेट और अन्य डिजिटल भुगतान विकल्पों सहित विभिन्न भुगतान विधियों का समर्थन करते हैं, जिससे ग्राहकों को अपने पसंदीदा मोड का उपयोग करके भुगतान करने की अनुमति मिलती है। </li>\r\n                    <li  class=\"mt-4\"><b> सुरक्षित लेनदेन:  &nbsp;</b>भुगतान गेटवे एन्क्रिप्शन और अन्य सुरक्षा उपायों को नियोजित करते हैं ताकि यह सुनिश्चित किया जा सके कि संवेदनशील ग्राहक जानकारी, जैसे कार्ड विवरण, भुगतान प्रक्रिया के दौरान सुरक्षित रहे। </li>\r\n                    <li  class=\"mt-4\"><b> भुगतान सहायता: &nbsp;</b>पे जी पूरे भारत में भुगतान सहायता प्रदान करता है, जिससे व्यवसायों को विभिन्न राज्यों/केंद्र शासित प्रदेशों में स्थित ग्राहकों से भुगतान स्वीकार करने की अनुमति मिलती है।  </li>\r\n                    <li  class=\"mt-4\"><b>रीयल-टाइम रिपोर्टिंग और एनालिटिक्स: &nbsp;</b> व्यवसाय अपनी भुगतान गतिविधि की निगरानी कर सकते हैं और पेजी द्वारा प्रदान किए गए डैशबोर्ड की बदौलत सफलता को ट्रैक कर सकते हैं जो रीयल-टाइम लेनदेन डेटा, एनालिटिक्स और अंतर्दृष्टि प्रदान करते हैं। </li>\r\n                    <li  class=\"mt-4\"><b>भुगतान बटन अनुकूलन:  &nbsp;</b> पे जी भुगतान बटन के लिए अनुकूलन विकल्प प्रदान करता है, जिससे व्यवसायों को सहज उपयोगकर्ता अनुभव के लिए अपनी वेबसाइटों के ब्रांडिंग और डिज़ाइन तत्वों से मेल खाने में सक्षम बनाया जाता है। </li>\r\n                    <li  class=\"mt-4\"><b> धोखाधड़ी की रोकथाम और जोखिम प्रबंधन:&nbsp;</b>  धोखाधड़ी वाले लेनदेन की पहचान करने और उन्हें कम करने के लिए, पे जी धोखाधड़ी सुरक्षा प्रौद्योगिकियों और जोखिम प्रबंधन प्रणालियों का उपयोग करता है, जो चार्जबैक और नुकसान की संभावना को कम करता है। </li>\r\n                    <li  class=\"mt-4\"><b> 24/7 ग्राहक सहायता: &nbsp;</b> पे जी किसी भी भुगतान-संबंधी समस्या या प्रश्न के साथ व्यवसायों और ग्राहकों की सहायता के लिए चौबीसों घंटे ग्राहक सहायता प्रदान करता है। \r\n\r\n                    </li>\r\n                    <li  class=\"mt-4\"><b>पीसीआई अनुपालन:  &nbsp;</b>पेजी भुगतान कार्ड उद्योग डेटा सुरक्षा मानक (पीसीआई डीएसएस) अनुपालन का पालन करता है, जो कार्डधारक की जानकारी के लिए उच्चतम स्तर की डेटा सुरक्षा सुनिश्चित करता है। </li>\r\n                    <li  class=\"mt-4\"><b>त्वरित निपटान:  &nbsp;</b> जो व्यवसाय पे जी की त्वरित निपटान सेवा का उपयोग करते हैं, वे सफल लेनदेन के तुरंत बाद अपने बैंक खातों में पैसा प्राप्त कर सकते हैं। </li>\r\n                    <li  class=\"mt-4\"><b>भुगतान रूटिंग:  &nbsp;</b>पे जी भुगतान रूटिंग का समर्थन करता है, जो भुगतान सफलता दर को अनुकूलित करने के लिए स्वचालित रूप से विभिन्न प्रोसेसर या अधिग्रहणकर्ताओं के माध्यम से लेनदेन को रूट करता है। </li>\r\n                    <li  class=\"mt-4\"><b> वर्चुअल पीओएस (प्वाइंट ऑफ सेल): &nbsp;</b>  पे जी द्वारा प्रदान किए गए वर्चुअल पीओएस टर्मिनल व्यवसायों को ऑनलाइन, फोन पर या अन्य दूरस्थ तरीकों से भुगतान स्वीकार करने में सक्षम बनाते हैं। </li>\r\n                    \r\n                   </ol>\r\n                </div>\r\n               \r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        विषयसूची :\r\n                    </h5>\r\n                </div>\r\n               \r\n                <div class=\"col-md-12\">\r\n                    <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'color':colors=='1'}\"\r\n                                    (click)=\"color('1')\">\r\n                                    पे-जी की विशेषताएं </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n           \r\n\r\n              \r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\" style=\"width:70%\">\r\n                <a [routerLink]=\"['/onboarding']\"> <button class=\"btn btn-color\" > <img\r\n                            src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;ऑनबोर्डिंग \r\n                    </button></a>\r\n\r\n            </div>\r\n            <div class=\"col-md-4        \" style=\"width:30%\">\r\n                <a [routerLink]=\"['/coupons']\"> <button class=\"btn btn-color\"\r\n                        (click)=\"menues('Web Integration')\">कूपन\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","<app-features *ngIf=\"english\"></app-features>\r\n<app-features-hindi *ngIf=\"hindi\"></app-features-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-features-main',\r\n  templateUrl: './features-main.component.html',\r\n  styleUrls: ['./features-main.component.css']\r\n})\r\nexport class FeaturesMainComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-coupons',\r\n  templateUrl: './coupons.component.html',\r\n  styleUrls: ['./coupons.component.css']\r\n})\r\nexport class CouponsComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\nif(this.showcolor==true && this.showcl=='6')\r\n{\r\nthis.colors=\"6\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>Coupons </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='1' >\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/RLUj\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id='2'>\r\n\r\n                    <h2 class=\"mt-2\"> What is a coupon?</h2>\r\n                    <label for=\"\">A coupon typically refers to a promotional code or discount voucher that customers can\r\n                        use during the checkout process to receive a discount on their purchase. PayG often integrates\r\n                        coupon functionality, allowing merchants to create and manage promotions.</label>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id='3'>\r\n                    <h2 class=\"mt-3\">Here's how it generally works:</h2>\r\n                    <label for=\"\" class=\"mt-3\"><b> Creation:&nbsp;</b>Merchants can create coupon codes with specific\r\n                        discount values, percentages, or other promotional offers.</label>\r\n                    <label for=\"\" class=\"mt-3\"><b> Distribution: &nbsp;</b>Merchants can distribute these coupon codes\r\n                        to customers through various channels, such as email, social media, or advertisements.</label>\r\n                    <label for=\"\" class=\"mt-3\"><b>Redemption: &nbsp;</b> Customers enter the coupon code during\r\n                        checkout. PayG verifies the code and applies the associated discount to the transaction\r\n                        amount.</label>\r\n                    <label for=\"\" class=\"mt-3\"><b> Processing: &nbsp;</b>PayG processes the discounted transaction\r\n                        amount, and the remaining balance is charged to the customer's chosen payment method.</label>\r\n                    <label for=\"\" class=\"mt-3\">Coupons can be an effective tool for merchants to attract new customers,\r\n                        retain existing ones, and drive sales. PayG plays a crucial role in facilitating the seamless\r\n                        integration of coupon functionality into the online payment process for merchants.</label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id='4'>\r\n                    <h2 class=\"mt-3\">How do Coupons help merchants?</h2>\r\n                    <label for=\"\">In the ever-evolving landscape of e-commerce, staying ahead of the competition and\r\n                        maximizing your revenue is crucial. One powerful tool at your disposal is the strategic use of\r\n                        coupons. Here's why coupons are essential for merchants like you and how they can significantly\r\n                        impact your business:</label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b> Customer Acquisition:&nbsp;</b> Coupons are a compelling incentive\r\n                        for new customers to choose your products or services over competitors.</label>\r\n                    <label for=\"\">Offering a discount on the first purchase encourages potential buyers to take that\r\n                        initial step and experience what your business has to offer.</label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b> Customer Retention&nbsp;</b>Coupons aren't just for attracting new\r\n                        customers; they are equally effective in retaining existing ones.</label>\r\n                    <label for=\"\">Implementing loyalty programs with exclusive discounts for repeat customers builds a\r\n                        sense of appreciation and encourages continued patronage.</label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b> Sales Boost: &nbsp;</b>Running targeted promotions with well-designed\r\n                        coupons can drive short-term sales spikes.</label>\r\n                    <label for=\"\">Limited time offers create a sense of urgency, motivating customers to make a purchase\r\n                        sooner rather than later.</label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b> Marketing Opportunities: &nbsp;</b>Coupons serve as valuable tools\r\n                        for marketing campaigns, allowing you to track the success of specific promotions.</label>\r\n                    <label for=\"\">Leverage coupons across various channels, such as email, social media, and\r\n                        partnerships, to expand your reach and engage a wider audience.</label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>Clearing Inventory: &nbsp;</b>Use coupons strategically to move\r\n                        inventory quickly, especially if you have surplus stock or seasonal items.</label>\r\n                    <label for=\"\">Clearance sales with attractive discounts can turn slow-moving products into revenue,\r\n                        preventing excess stock and potential losses.</label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b> Customer Engagement:&nbsp;</b>Coupons provide an interactive element\r\n                        to your marketing strategy, fostering engagement with your audience.</label>\r\n                    <label for=\"\">Encourage social sharing by creating promotions that reward customers for referring\r\n                        friends or sharing their purchases on social media.</label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>Data Collection: &nbsp;</b>Require customers to sign up or provide\r\n                        information in exchange for coupon codes, helping you build a valuable database for future\r\n                        marketing efforts.</label>\r\n                    <label for=\"\">Understand your customer demographics better and tailor future promotions based on\r\n                        collected data.</label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>Competitive Edge: &nbsp;</b>In a competitive market, offering\r\n                        discounts can be a differentiator that sets your business apart.</label>\r\n                    <label for=\"\">Stay top-of-mind for consumers actively seeking the best deals and promotions</label>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\"\r\n                    id='5'>\r\n                    <h2 class=\"mt-3\">Why use PayG’s Coupons:</h2>\r\n                    <label for=\"\" class=\"mt-4\"><b> Customization and Flexibility:&nbsp;</b>Our coupon system is highly\r\n                        customizable, allowing you to create promotions that align with your brand and marketing\r\n                        strategy.</label>\r\n                    <label for=\"\">Set specific discount values, and percentage-offs, or create buy-one-get-one (BOGO)\r\n                        offers to suit the diverse needs of your customer base.</label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>Targeted Promotions: &nbsp;</b> Take advantage of our advanced\r\n                        targeting options to reach specific customer segments.</label>\r\n                    <label for=\"\">Tailor promotions based on customer demographics, purchase history, or other criteria\r\n                        to maximize the impact of your campaigns.</label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>Seamless Integration: &nbsp;</b> Our coupon functionality seamlessly\r\n                        integrates with your existing checkout process, providing a smooth experience for both you and\r\n                        your customers.</label>\r\n                    <label for=\"\">No complicated setup – simply create and manage coupons directly through our\r\n                        user-friendly merchant dashboard.</label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>Real-time Analytics: &nbsp;</b>Gain insights into the performance of\r\n                        your promotions with real-time analytics.</label>\r\n                    <label for=\"\">Track coupon redemptions, customer engagement, and overall campaign success to make\r\n                        data-driven decisions for future marketing strategies.</label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>Multi-Channel Distribution: &nbsp;</b>Amplify your reach by\r\n                        distributing coupons across various channels.</label>\r\n                    <label for=\"\">Easily share promotions through email campaigns, social media, or even partner\r\n                        collaborations to ensure maximum exposure.</label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'6')\" (mouseout)=\"showpayment(false,'6')\"\r\n                    id='6'>\r\n                    <h2 class=\"mt-4\">   Benefits for Merchants:</h2>\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>Increased Conversion Rates: &nbsp;</b>Our strategically designed coupons are proven to boost conversion rates, turning potential customers into loyal patrons.</label>\r\n                    <label for=\"\" class=\"mt-4\"><b> Brand Loyalty and Retention: &nbsp;</b> Foster long-term relationships with your customers by offering exclusive discounts and promotions that keep them coming back.</label>\r\n                    <label for=\"\" class=\"mt-4\"><b>Competitive Edge: &nbsp;</b>Stay ahead of the competition by leveraging unique and enticing promotions that capture the attention of your target audience.</label>\r\n                    <label for=\"\" class=\"mt-4\"><b> Effortless Management: &nbsp;</b>Our intuitive dashboard makes it easy to create, monitor, and adjust your coupon campaigns without the need for technical expertise.</label>\r\n                    <label for=\"\" class=\"mt-4\"><b>Data-Driven Marketing:  &nbsp;</b>Utilize the wealth of data generated by our coupon system to refine your marketing strategies and optimize future campaigns.</label>\r\n               \r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                   \r\nCreating Booking and Ticketing Profile\r\n</span>\r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\">\r\n\r\n                                    What is a coupon?\r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">\r\n\r\n                                    How it works?\r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n\r\n                                    How does it help?\r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#5\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('5')\">\r\n\r\n                                    Why use PayG’s Coupons? \r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#6\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='6'}\"\r\n                                    (click)=\"color('6')\">\r\n                                    Benefits of coupons\r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\" style=\"width:70%\">\r\n                <a [routerLink]=\"['/features']\"> <button class=\"btn btn-color\" > <img\r\n                            src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Pay feature\r\n                    </button></a>\r\n\r\n            </div>\r\n            <div class=\"col-md-4        \" style=\"width:30%\">\r\n                <a [routerLink]=\"['/price']\"> <button class=\"btn btn-color\"\r\n                        (click)=\"menues('Web Integration')\">Price Match\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-coupons-hindi',\r\n  templateUrl: './coupons-hindi.component.html',\r\n  styleUrls: ['./coupons-hindi.component.css']\r\n})\r\nexport class CouponsHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\nif(this.showcolor==true && this.showcl=='6')\r\n{\r\nthis.colors=\"6\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>कूपन   </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='1' >\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/RLUj\"\r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id='2'>\r\n\r\n                    <h2 class=\"mt-2\"> कूपन क्या है?  </h2>\r\n                    <label for=\"\">कूपन आम तौर पर एक प्रचार कोड या डिस्काउंट वाउचर को संदर्भित करता है जिसका उपयोग ग्राहक अपनी खरीदारी पर छूट प्राप्त करने के लिए चेकआउट प्रक्रिया के दौरान कर सकते हैं। पे जी अक्सर कूपन कार्यक्षमता को एकीकृत करता है, जिससे व्यापारियों को प्रचार बनाने और प्रबंधित करने की अनुमति मिलती है। </label>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id='3'>\r\n                    <h2 class=\"mt-3\">यहां बताया गया है कि यह आम तौर पर कैसे काम करता है:  </h2>\r\n                    <label for=\"\" class=\"mt-3\"><b> निर्माण:&nbsp;</b> व्यापारी विशिष्ट छूट मूल्यों, प्रतिशत या अन्य प्रचार प्रस्तावों के साथ कूपन कोड बना सकते हैं।  </label>\r\n                    <label for=\"\" class=\"mt-3\"><b> वितरण: &nbsp;</b>व्यापारी इन कूपन कोड को ईमेल, सोशल मीडिया या विज्ञापनों जैसे विभिन्न चैनलों के माध्यम से ग्राहकों को वितरित कर सकते हैं।  </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>मोचन: &nbsp;</b> ग्राहक चेकआउट के दौरान कूपन कोड दर्ज करते हैं। पे जी कोड को सत्यापित करता है और लेनदेन राशि पर संबंधित छूट लागू करता है।  \r\n                        amount.</label>\r\n                    <label for=\"\" class=\"mt-3\"><b> प्रसंस्करण: &nbsp;</b>पे जी रियायती लेनदेन राशि को संसाधित करता है, और शेष राशि ग्राहक की चुनी हुई भुगतान विधि से ली जाती है। </label>\r\n                    <label for=\"\" class=\"mt-3\">कूपन व्यापारियों के लिए नए ग्राहकों को आकर्षित करने, मौजूदा ग्राहकों को बनाए रखने और बिक्री बढ़ाने के लिए एक प्रभावी उपकरण हो सकता है। पे जी व्यापारियों के लिए ऑनलाइन भुगतान प्रक्रिया में कूपन कार्यक्षमता के निर्बाध एकीकरण की सुविधा प्रदान करने में महत्वपूर्ण भूमिका निभाता है। </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id='4'>\r\n                    <h2 class=\"mt-3\">कूपन व्यापारियों की किस प्रकार सहायता करते हैं? </h2>\r\n                    <label for=\"\">ई-कॉमर्स के लगातार विकसित हो रहे परिदृश्य में, प्रतिस्पर्धा से आगे रहना और अपने राजस्व को अधिकतम करना महत्वपूर्ण है। आपके पास एक शक्तिशाली उपकरण कूपन का रणनीतिक उपयोग है। यहां बताया गया है कि आप जैसे व्यापारियों के लिए कूपन क्यों आवश्यक हैं और वे आपके व्यवसाय को कैसे महत्वपूर्ण रूप से प्रभावित कर सकते हैं:  </label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>ग्राहक अधिग्रहण:&nbsp;</b>  कूपन नए ग्राहकों के लिए प्रतिस्पर्धियों के मुकाबले आपके उत्पादों या सेवाओं को चुनने के लिए एक आकर्षक प्रोत्साहन है।  </label>\r\n                    <label for=\"\">पहली खरीदारी पर छूट की पेशकश संभावित खरीदारों को प्रारंभिक कदम उठाने और यह अनुभव करने के लिए प्रोत्साहित करती है कि आपका व्यवसाय क्या पेशकश कर रहा है। </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b> ग्राहक प्रतिधारण: &nbsp;</b>कूपन केवल नए ग्राहकों को आकर्षित करने के लिए नहीं हैं; वे मौजूदा को बनाए रखने में भी समान रूप से प्रभावी हैं। </label>\r\n                    <label for=\"\">बार-बार आने वाले ग्राहकों के लिए विशेष छूट के साथ वफादारी कार्यक्रम लागू करने से सराहना की भावना पैदा होती है और निरंतर संरक्षण को बढ़ावा मिलता है। </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>बिक्री में वृद्धि:  &nbsp;</b>अच्छी तरह से डिज़ाइन किए गए कूपन के साथ लक्षित प्रचार चलाने से अल्पकालिक बिक्री में बढ़ोतरी हो सकती है। </label>\r\n                    <label for=\"\">सीमित समय के ऑफर तात्कालिकता की भावना पैदा करते हैं, जिससे ग्राहकों को बाद की बजाय जल्द ही खरीदारी करने के लिए प्रेरित किया जाता है। </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b> विपणन के अवसर: &nbsp;</b> कूपन विपणन अभियानों के लिए मूल्यवान उपकरण के रूप में काम करते हैं, जिससे आप विशिष्ट प्रचारों की सफलता को ट्रैक कर सकते हैं।  </label>\r\n                    <label for=\"\">अपनी पहुंच का विस्तार करने और व्यापक दर्शकों को शामिल करने के लिए ईमेल, सोशल मीडिया और साझेदारी जैसे विभिन्न चैनलों पर कूपन का लाभ उठाएं। </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>इन्वेंटरी साफ़ करना: &nbsp;</b> इन्वेंट्री को तेज़ी से स्थानांतरित करने के लिए रणनीतिक रूप से कूपन का उपयोग करें, खासकर यदि आपके पास अधिशेष स्टॉक या मौसमी आइटम हैं।  </label>\r\n                    <label for=\"\">आकर्षक छूट के साथ क्लीयरेंस बिक्री धीमी गति से चलने वाले उत्पादों को राजस्व में बदल सकती है, अतिरिक्त स्टॉक और संभावित नुकसान को रोक सकती है। </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b> ग्राहक जुड़ाव:&nbsp;</b> कूपन आपकी मार्केटिंग रणनीति को एक इंटरैक्टिव तत्व प्रदान करते हैं, जो आपके दर्शकों के साथ जुड़ाव को बढ़ावा देते हैं। </label>\r\n                    <label for=\"\">प्रचार बनाकर सामाजिक साझाकरण को प्रोत्साहित करें जो ग्राहकों को दोस्तों को रेफर करने या सोशल मीडिया पर अपनी खरीदारी साझा करने के लिए पुरस्कृत करता है। </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>डेटा संग्रह: &nbsp;</b> ग्राहकों को कूपन कोड के बदले में साइन अप करने या जानकारी प्रदान करने की आवश्यकता होती है, जिससे आपको भविष्य के विपणन प्रयासों के लिए एक मूल्यवान डेटाबेस बनाने में मदद मिलती है। </label>\r\n                    <label for=\"\">अपने ग्राहक जनसांख्यिकी को बेहतर ढंग से समझें और एकत्रित डेटा के आधार पर भविष्य के प्रचारों को तैयार करें। </label>\r\n\r\n                    <label for=\"\" class=\"mt-3\"><b>प्रतिस्पर्धात्मक बढ़त:  &nbsp;</b>प्रतिस्पर्धी बाजार में, छूट की पेशकश एक विभेदक कारक हो सकती है जो आपके व्यवसाय को अलग करती है। </label>\r\n                    <label for=\"\"> सक्रिय रूप से सर्वोत्तम सौदे और प्रमोशन चाहने वाले उपभोक्ताओं के लिए शीर्ष पर रहें।  </label>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\"\r\n                    id='5'>\r\n                    <h2 class=\"mt-3\">पे जी के कूपन का उपयोग क्यों करें: </h2>\r\n                    <label for=\"\" class=\"mt-4\"><b> अनुकूलन और लचीलापन: &nbsp;</b>हमारा कूपन सिस्टम अत्यधिक अनुकूलन योग्य है, जो आपको अपने ब्रांड और मार्केटिंग रणनीति के अनुरूप प्रचार बनाने की अनुमति देता है। </label>\r\n                    <label for=\"\">अपने ग्राहक आधार की विविध आवश्यकताओं के अनुरूप विशिष्ट छूट मान और प्रतिशत-छूट निर्धारित करें, या एक खरीदें-एक पाएं (बीओजीओ) ऑफ़र बनाएं। </label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>लक्षित प्रचार: &nbsp;</b>  विशिष्ट ग्राहक खंडों तक पहुंचने के लिए हमारे उन्नत लक्ष्यीकरण विकल्पों का लाभ उठाएं। </label>\r\n                    <label for=\"\">अपने अभियानों के प्रभाव को अधिकतम करने के लिए ग्राहक जनसांख्यिकी, खरीदारी इतिहास या अन्य मानदंडों के आधार पर प्रचार तैयार करें। </label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>निर्बाध एकीकरण: &nbsp;</b>  हमारी कूपन कार्यक्षमता आपकी मौजूदा चेकआउट प्रक्रिया के साथ सहजता से एकीकृत होती है, जो आपको और आपके ग्राहकों दोनों के लिए एक सहज अनुभव प्रदान करती है। </label>\r\n                    <label for=\"\">कोई जटिल सेटअप नहीं - बस हमारे उपयोगकर्ता-अनुकूल मर्चेंट डैशबोर्ड के माध्यम से सीधे कूपन बनाएं और प्रबंधित करें। </label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>रीयल-टाइम एनालिटिक्स:  &nbsp;</b>रीयल-टाइम एनालिटिक्स के साथ अपने प्रचारों के प्रदर्शन के बारे में जानकारी प्राप्त करें। </label>\r\n                    <label for=\"\">भविष्य की मार्केटिंग रणनीतियों के लिए डेटा-संचालित निर्णय लेने के लिए कूपन मोचन, ग्राहक जुड़ाव और समग्र अभियान की सफलता को ट्रैक करें। </label>\r\n\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>मल्टी-चैनल वितरण:  &nbsp;</b> विभिन्न चैनलों पर कूपन वितरित करके अपनी पहुंच बढ़ाएं। </label>\r\n                    <label for=\"\"> अधिकतम प्रदर्शन सुनिश्चित करने के लिए ईमेल अभियानों, सोशल मीडिया या यहां तक कि साझेदार सहयोग के माध्यम से आसानी से प्रचार साझा करें। </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'6')\" (mouseout)=\"showpayment(false,'6')\"\r\n                    id='6'>\r\n                    <h2 class=\"mt-4\">  व्यापारियों के लिए लाभ:  </h2>\r\n\r\n                    <label for=\"\" class=\"mt-4\"><b>बढ़ी हुई रूपांतरण दरें: &nbsp;</b> हमारे रणनीतिक रूप से डिज़ाइन किए गए कूपन रूपांतरण दरों को बढ़ावा देने, संभावित ग्राहकों को वफादार संरक्षक में बदलने में सिद्ध हुए हैं। </label>\r\n                    <label for=\"\" class=\"mt-4\"><b> ब्रांड निष्ठा और प्रतिधारण: &nbsp;</b> विशेष छूट और प्रमोशन की पेशकश करके अपने ग्राहकों के साथ दीर्घकालिक संबंधों को बढ़ावा दें जो उन्हें वापस लाते रहें। </label>\r\n                    <label for=\"\" class=\"mt-4\"><b>प्रतिस्पर्धा में बढ़त: &nbsp;</b> अपने लक्षित दर्शकों का ध्यान खींचने वाले अनूठे और आकर्षक प्रचारों का लाभ उठाकर प्रतिस्पर्धा में आगे रहें। </label>\r\n                    <label for=\"\" class=\"mt-4\"><b> सहज प्रबंधन: &nbsp;</b> हमारा सहज डैशबोर्ड तकनीकी विशेषज्ञता की आवश्यकता के बिना आपके कूपन अभियानों को बनाना, मॉनिटर करना और समायोजित करना आसान बनाता है। </label>\r\n                    <label for=\"\" class=\"mt-4\"><b>डेटा-संचालित मार्केटिंग:  &nbsp;</b>अपनी मार्केटिंग रणनीतियों को परिष्कृत करने और भविष्य के अभियानों को अनुकूलित करने के लिए हमारे कूपन सिस्टम द्वारा उत्पन्न डेटा का उपयोग करें। </label>\r\n               \r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4  hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        विषयसूची:\r\n                    </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                   \r\nCreating Booking and Ticketing Profile\r\n</span>\r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\">\r\n\r\n                                    कूपन क्या है?  \r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">\r\n\r\n                                    यह काम किस प्रकार करता है?  \r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n\r\n                                    यह किस प्रकार सहायता करता है?\r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#5\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('5')\">\r\n\r\n                                    पे जी के कूपन का उपयोग क्यों करें?  \r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <a href=\"#6\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='6'}\"\r\n                                    (click)=\"color('6')\">\r\n                                    कूपन के लाभ   \r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\" style=\"width:70%\">\r\n                <a [routerLink]=\"['/features']\"> <button class=\"btn btn-color\" > <img\r\n                            src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;पे जी फीचर्स \r\n                    </button></a>\r\n\r\n            </div>\r\n            <div class=\"col-md-4        \" style=\"width:30%\">\r\n                <a [routerLink]=\"['/price']\"> <button class=\"btn btn-color\"\r\n                        (click)=\"menues('Web Integration')\">मूल्य मिलान\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","<app-coupons *ngIf=\"english\"></app-coupons>\r\n<app-coupons-hindi *ngIf=\"hindi\"></app-coupons-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-coupons-main',\r\n  templateUrl: './coupons-main.component.html',\r\n  styleUrls: ['./coupons-main.component.css']\r\n})\r\nexport class CouponsMainComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  \r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n  \r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n  \r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-create-payout',\r\n  templateUrl: './create-payout.component.html',\r\n  styleUrls: ['./create-payout.component.css']\r\n})\r\nexport class CreatePayoutComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\"  (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                id=\"111\">\r\n                    <h2>How to Create Payout</h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a> \r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n                <div\r\n                    style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n    \r\n                    <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/Ee8A2oDqDRw?si=wcJ62-H4WxaERYp_\"\r\n                        title=\"YouTube video player\" frameborder=\"0\"\r\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                        allowfullscreen></iframe>\r\n                </div>\r\n            </div> -->\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"111\">\r\n                    \r\n                    <label for=\"\" class=\"mt-2\">In this guide, we'll walk you through the process of getting started with payouts on our platform. Whether you're a seasoned user or a newcomer, these steps will help you seamlessly navigate the payout setup.  </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3 \" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"112\">\r\n                    <div class=\"mt-3\">\r\n                        <b>Step 1:</b> Visit payout.payg.in and log in to your account. If you are new to PayG, sign up and complete the onboarding process on the PayG platform. \r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/cp1.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                        </div>\r\n                        \r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2\">After logging in, a screen will appear, guiding the necessary steps you should follow. </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp2.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\" col-md-12 mt-2 \">\r\n                        <b>Create your virtual account : </b>  PayG will verify your account and generate a virtual account. After verification, merchants can add a balance to it. Merchants can create as many accounts as they want, and they can add an amount to them only after being verified by PayG. \r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp3.png\" width=\"50%\" height=\"40%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"mt-3 \">\r\n                        <b>Step 2:</b> After the account is verified by PayG, the payout dashboard will appear as shown, and the virtual account will be accessible on the dashboard. By clicking on the dropdown menu, merchants can add more accounts.  \r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp4.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"mt-3\">\r\n                        <b>Step 3:</b> Add balance to your virtual account by following this step and filling in your account information.  \r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp5.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"mt-3\">\r\n                        <b>Step 4:</b> Add new categories by clicking on “Add new category” and insert the category name.\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp6.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"mt-3\">\r\n                        <b>Step 5:</b> To designate contacts as beneficiaries, click on \"Add new contacts\" once to initiate fund transfers. \r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp7.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp8.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"mt-3\">\r\n                        <b>Step 6:</b> Select \"Create a Fund Transfer\" to send funds to your beneficiaries.\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp9.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp10.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"mt-3\">\r\n                        <b>Step 7:</b> The merchants can add new users by clicking on \"Add New User.\" The admin can create roles and permissions, enabling merchants to generate users as needed. \r\n                    </div><div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp11.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp12.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"mt-3\">\r\n                        <b>Step 8:</b> Merchants can track their transactions on the dashboard and obtain detailed information by clicking on \"View Details.\" \r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp13.png\" width=\"100%\" height=\"40%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"mt-3\">\r\n                        <b>Step 9:</b> The merchants can generate a detailed report of their transactions by clicking on “Reports” and can download it.  \r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp14.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>  \r\n                    \r\n                </div>\r\n                \r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span class=\"videoHover\" style=\"cursor: pointer;\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >\r\n                                    Introduction to\r\n                                    Payment Gateways\r\n                                </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#111\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\"> How to Create Payout</span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#112\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">\r\n                                    How to get started </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                \r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8    \">\r\n                <a [routerLink]=\"['/pay-out']\"><button class=\"btn btn-color\" \r\n                    > <img src=\"./assets/Arrow 3.svg\" alt=\"\"> &nbsp;Payout\r\n                    &nbsp;</button></a> \r\n               </div>\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/onboarding']\">   <button class=\"btn btn-color\" >Onboarding\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-create-payout-hindi',\r\n  templateUrl: './create-payout-hindi.component.html',\r\n  styleUrls: ['./create-payout-hindi.component.css']\r\n})\r\nexport class CreatePayoutHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\"  (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                id=\"111\">\r\n                    <h2>पेआउट कैसे बनाएं </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2\"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a> \r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n                <div\r\n                    style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n    \r\n                    <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/5kY7ApMM9Uo\"\r\n                        title=\"YouTube video player\" frameborder=\"0\"\r\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                        allowfullscreen></iframe>\r\n                </div>\r\n            </div> -->\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"111\">\r\n                    \r\n                    <label for=\"\" class=\"mt-2\">इस गाइड में, हम आपको हमारे प्लेटफ़ॉर्म पर भुगतान शुरू करने की प्रक्रिया के बारे में बताएंगे। चाहे आप अनुभवी उपयोगकर्ता हों या नवागंतुक, ये चरण आपको भुगतान सेटअप को सहजता से नेविगेट करने में मदद करेंगे।  </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-3 \" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"112\">\r\n                    <div class=\"mt-3\">\r\n                        <b>चरण 1:</b> payout.payg.in पर जाएं और अपने खाते में लॉग इन करें। यदि आप पे जी पर नए हैं, तो साइन अप करें और पे जी प्लेटफ़ॉर्म पर ऑनबोर्डिंग प्रक्रिया पूरी करें। \r\n\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-4\">\r\n                            <img src=\"./assets/cp1.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                        </div>\r\n                        \r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2\">लॉग इन करने के बाद, एक स्क्रीन दिखाई देगी, जिसमें आपको आवश्यक चरणों का पालन करना होगा।</div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp2.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\" col-md-12 mt-2 \">\r\n                        <b>अपना वर्चुअल खाता बनाएं : </b>  पे जी आपके खाते को सत्यापित करेगा और एक वर्चुअल खाता तैयार करेगा। सत्यापन के बाद, व्यापारी इसमें शेष राशि जोड़ सकते हैं। व्यापारी जितने चाहें उतने खाते बना सकते हैं, और पे जी द्वारा सत्यापित होने के बाद ही वे उनमें एक राशि जोड़ सकते हैं। एक आभासी खाते का स्क्रीनशॉट| \r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp3.png\" width=\"50%\" height=\"40%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"mt-3 \">\r\n                        <b>चरण 2:</b> पे जी द्वारा खाता सत्यापित होने के बाद, पेआउट डैशबोर्ड दिखाए गए अनुसार दिखाई देगा, और वर्चुअल खाता डैशबोर्ड पर पहुंच योग्य होगा। ड्रॉपडाउन मेनू पर क्लिक करके, व्यापारी अधिक खाते जोड़ सकते हैं।   \r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp4.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"mt-3\">\r\n                        <b>चरण 3:</b>इस चरण का पालन करके और अपने खाते की जानकारी भरकर अपने वर्चुअल खाते में शेष राशि जोड़ें। \r\n\r\n \r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp5.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"mt-3\">\r\n                        <b>चरण 4:</b> \"नई श्रेणी जोड़ें\" पर क्लिक करके नई श्रेणियां जोड़ें और श्रेणी का नाम डालें। \r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp6.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"mt-3\">\r\n                        <b>चरण 5:</b> संपर्कों को लाभार्थियों के रूप में नामित करने के लिए, फंड ट्रांसफर शुरू करने के लिए एक बार \"नए संपर्क जोड़ें\" पर क्लिक करें। \r\n\r\n  \r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp7.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp8.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"mt-3\">\r\n                        <b>चरण 6:</b>  अपने लाभार्थियों को धनराशि भेजने के लिए \"फंड ट्रांसफर बनाएं\" चुनें। \r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp9.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp10.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"mt-3\">\r\n                        <b>चरण 7:</b>  व्यापारी \"नया उपयोगकर्ता जोड़ें\" पर क्लिक करके नए उपयोगकर्ता जोड़ सकते हैं। व्यवस्थापक भूमिकाएँ और अनुमतियाँ बना सकता है, जिससे व्यापारी आवश्यकतानुसार उपयोगकर्ता उत्पन्न कर सकेंगे। \r\n                    </div><div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp11.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp12.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"mt-3\">\r\n                        <b>चरण 8:</b> व्यापारी डैशबोर्ड पर अपने लेनदेन को ट्रैक कर सकते हैं और \"View Details\" पर क्लिक करके विस्तृत जानकारी प्राप्त कर सकते हैं।\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp13.png\" width=\"100%\" height=\"40%\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"mt-3\">\r\n                        <b>चरण 9:</b> व्यापारी \"Reports\" पर क्लिक करके अपने लेनदेन की एक विस्तृत रिपोर्ट तैयार कर सकते हैं और इसे डाउनलोड कर सकते हैं। \r\n                    </div>Reports\r\n                    <div class=\"col-md-12 mt-2  \">\r\n                        <img src=\"./assets/cp14.png\" width=\"100%\" height=\"80%\" alt=\"\">\r\n                    </div>  \r\n                    \r\n                </div>\r\n                \r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        विषयसूची :\r\n                    </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span class=\"videoHover\" style=\"cursor: pointer;\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >\r\n                                    Introduction to\r\n                                    Payment Gateways\r\n                                </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#111\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\"> पेआउट कैसे बनाएं </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#112\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">\r\n                                    शुरुआत कैसे करें </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                \r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8    \">\r\n                <a [routerLink]=\"['/pay-out']\"><button class=\"btn btn-color\" \r\n                    > <img src=\"./assets/Arrow 3.svg\" alt=\"\"> &nbsp;पेआउट \r\n                    &nbsp;</button></a> \r\n               </div>\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/onboarding']\">   <button class=\"btn btn-color\" >ऑनबोर्डिंग \r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","<app-create-payout *ngIf=\"english\"></app-create-payout>\r\n<app-create-payout-hindi *ngIf=\"hindi\"></app-create-payout-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-create-payout-main',\r\n  templateUrl: './create-payout-main.component.html',\r\n  styleUrls: ['./create-payout-main.component.css']\r\n})\r\nexport class CreatePayoutMainComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-reports',\r\n  templateUrl: './reports.component.html',\r\n  styleUrls: ['./reports.component.css']\r\n})\r\nexport class ReportsComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                id=\"115\">\r\n                    <h2>Reports </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='31'>\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe\r\n                            class=\"i-frame\"\r\n                            src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                            frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"115\">\r\n                    <label for=\"\">Reports are detailed summaries or analyses of various financial and transactional activities processed through the payment gateway. These reports provide valuable insights and information to merchants helping them monitor, analyze, and manage their financial transactions effectively. \r\n                    </label>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"116\">\r\n                    <h2>\r\n                        Type of Reports \r\n                    </h2>\r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        Fee Report \r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> Description:</b> &nbsp; A Fee Report provides a detailed breakdown of the fees associated with transactions processed through the payment gateway. \r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>Benefits:  </b> &nbsp;Enables merchants to understand and analyze the costs involved in each transaction, facilitating better financial planning and decision-making. \r\n\r\n                    </label>\r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        Snapshot \r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> Description:</b> &nbsp;A Snapshot is a concise overview of key performance indicators, giving a real-time glimpse into the payment gateway's activity and health.\r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>Benefits:  </b> &nbsp;Offers a quick and easy way for merchants to assess the current status of their transactions, helping them stay informed and responsive.  \r\n\r\n                    </label>\r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        Merchant Statement  \r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> Description:</b> &nbsp;The Merchant Statement is a comprehensive report detailing all transactions, fees, and other relevant financial information within a specific period. \r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>Benefits:  </b> &nbsp; Essential for accounting purposes, aiding merchants in reconciling their financial records and maintaining accurate financial statements.  \r\n\r\n                    </label>\r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        Transaction Summary Reports  \r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> Description:</b> &nbsp; Transaction Summary Reports provide a summarized view of all transactions processed through the payment gateway, including successful and failed transactions. \r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>Benefits:  </b> &nbsp;Assists merchants in tracking and analyzing transaction trends, identifying potential issues, and optimizing their payment processes.   \r\n\r\n                    </label>\r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        Quick Code Transaction Summary  \r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> Description:</b> &nbsp;This report specifically summarizes transactions conducted using quick codes, offering a focused overview of this particular transaction method. \r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>Benefits:  </b> &nbsp;Provides insights into the performance and efficiency of transactions made through quick codes, aiding merchants in optimizing this payment option.  \r\n\r\n                    </label>\r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        Webhook Data  \r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> Description:</b> &nbsp;Webhook Data reports include information about data exchanges between the payment gateway and external applications through webhooks. \r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>Benefits:  </b> &nbsp;Crucial for developers and system integrators, facilitating the monitoring and debugging of webhook interactions for enhanced system reliability.  \r\n\r\n                    </label>\r\n\r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        Reconciliation Report \r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> Description:</b> &nbsp;The Reconciliation Report helps merchants match their internal records with the transactions processed through the payment gateway, ensuring accuracy. \r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>Benefits:  </b> &nbsp;Simplifies the reconciliation process, reducing errors and discrepancies in financial records.  \r\n\r\n                    </label>\r\n\r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        Order Failure  \r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> Description:</b> &nbsp;Order Failure reports highlight transactions that did not go through successfully, providing details about the reasons for failure.\r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>Benefits:  </b> &nbsp;Enables merchants to quickly identify and address issues, reducing the likelihood of revenue loss due to transaction failures.  \r\n\r\n                    </label>\r\n\r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        Payout Failure \r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> Description:</b> &nbsp;Payout Failure reports detail instances where scheduled payouts to merchants were unsuccessful. \r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>Benefits:  </b> &nbsp; Allows merchants to promptly address payout issues, ensuring a smooth and reliable payout process. \r\n\r\n                    </label>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                        <label for=\"\">In summary, these reports play a crucial role in providing transparency, accountability, and actionable insights for merchants, ultimately contributing to the efficient and successful operation of their businesses. </label>\r\n                    </div>\r\n\r\n\r\n\r\n                    \r\n\r\n                </div>\r\n                \r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2  \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n\r\n                </div>\r\n\r\n                <!-- <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#31\"> <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\"> &nbsp;</div>\r\n                        <div class=\"col-md-10\"><span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                Introduction to Refunds </span>\r\n                        </div>\r\n                    </div></a>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#115\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\"><span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\">\r\n                                    What are reports?  </span>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#116\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">\r\n                                    Type of Reports \r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                \r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/settlement']\">     <button class=\"btn btn-color\" (click)=\"menues('Settlement')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Settlement\r\n                </button></a>\r\n               \r\n            </div>\r\n            <!-- <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/merchant-dashboard']\"> <button class=\"btn btn-color\" (click)=\"menues('Merchant')\" >Merchant Dashboard\r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n                \r\n            </div> -->\r\n        </div>\r\n    </div>\r\n</div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-reports-hindi',\r\n  templateUrl: './reports-hindi.component.html',\r\n  styleUrls: ['./reports-hindi.component.css']\r\n})\r\nexport class ReportsHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                id=\"115\">\r\n                    <h2>रिपोर्टस  </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='31'>\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe\r\n                            class=\"i-frame\"\r\n                            src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                            frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"115\">\r\n                    <label for=\"\">रिपोर्टें भुगतान गेटवे के माध्यम से संसाधित विभिन्न वित्तीय और लेनदेन संबंधी गतिविधियों का विस्तृत सारांश या विश्लेषण हैं। ये रिपोर्टें व्यापारियों को मूल्यवान अंतर्दृष्टि और जानकारी प्रदान करती हैं जिससे उन्हें अपने वित्तीय लेनदेन की प्रभावी ढंग से निगरानी, विश्लेषण और प्रबंधन करने में मदद मिलती है।\r\n                    </label>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"116\">\r\n                    <h2>\r\n                        रिपोर्ट का प्रकार \r\n                    </h2>\r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        शुल्क रिपोर्ट\r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> विवरण:</b> &nbsp; शुल्क रिपोर्ट भुगतान गेटवे के माध्यम से संसाधित लेनदेन से जुड़ी फीस का विस्तृत विवरण प्रदान करती है। \r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>लाभ:  </b> &nbsp;व्यापारियों को प्रत्येक लेनदेन में शामिल लागतों को समझने और उनका विश्लेषण करने में सक्षम बनाता है, जिससे बेहतर वित्तीय योजना और निर्णय लेने में सुविधा होती है। \r\n\r\n                    </label>\r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        स्नैपशॉट  \r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> विवरण:</b> &nbsp; स्नैपशॉट प्रमुख प्रदर्शन संकेतकों का एक संक्षिप्त अवलोकन है, जो भुगतान गेटवे की गतिविधि और स्वास्थ्य की वास्तविक समय की झलक देता है।  \r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>लाभ:  </b> &nbsp; व्यापारियों को अपने लेनदेन की वर्तमान स्थिति का आकलन करने का एक त्वरित और आसान तरीका प्रदान करता है, जिससे उन्हें सूचित और उत्तरदायी रहने में मदद मिलती है। \r\n                    </label>\r\n                    \r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        व्यापारी का वक्तव्य   \r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> विवरण:</b> &nbsp;मर्चेंट स्टेटमेंट एक व्यापक रिपोर्ट है जिसमें एक विशिष्ट अवधि के भीतर सभी लेनदेन, शुल्क और अन्य प्रासंगिक वित्तीय जानकारी का विवरण दिया गया है। \r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>लाभ:  </b> &nbsp; लेखांकन उद्देश्यों के लिए आवश्यक, व्यापारियों को उनके वित्तीय रिकॉर्ड को समेटने और सटीक वित्तीय विवरण बनाए रखने में सहायता करना।   \r\n\r\n                    </label>\r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        लेन-देन सारांश रिपोर्ट  \r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> विवरण:</b> &nbsp;  लेन-देन सारांश रिपोर्ट भुगतान गेटवे के माध्यम से संसाधित सभी लेन-देन का एक सारांश दृश्य प्रदान करती है, जिसमें सफल और असफल लेन-देन भी शामिल हैं।  \r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>लाभ:  </b> &nbsp;व्यापारियों को लेनदेन के रुझानों पर नज़र रखने और उनका विश्लेषण करने, संभावित मुद्दों की पहचान करने और उनकी भुगतान प्रक्रियाओं को अनुकूलित करने में सहायता करता है। \r\n\r\n                    </label>\r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        त्वरित कोड लेनदेन सारांश  \r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> विवरण:</b> &nbsp; यह रिपोर्ट विशेष रूप से त्वरित कोड का उपयोग करके किए गए लेनदेन का सारांश प्रस्तुत करती है, जो इस विशेष लेनदेन पद्धति का एक केंद्रित अवलोकन प्रस्तुत करती है। \r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>लाभ:  </b> &nbsp;त्वरित कोड के माध्यम से किए गए लेनदेन के प्रदर्शन और दक्षता में अंतर्दृष्टि प्रदान करता है, जिससे व्यापारियों को इस भुगतान विकल्प को अनुकूलित करने में सहायता मिलती है।   \r\n\r\n                    </label>\r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        वेबहुक डेटा \r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> विवरण:</b> &nbsp;वेबहुक डेटा रिपोर्ट में वेबहुक के माध्यम से भुगतान गेटवे और बाहरी अनुप्रयोगों के बीच डेटा आदान-प्रदान के बारे में जानकारी शामिल है।  \r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>लाभ:  </b> &nbsp; डेवलपर्स और सिस्टम इंटीग्रेटर्स के लिए महत्वपूर्ण, बेहतर सिस्टम विश्वसनीयता के लिए वेबहुक इंटरैक्शन की निगरानी और डिबगिंग की सुविधा प्रदान करना।  \r\n\r\n                    </label>\r\n\r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        सुलह रिपोर्ट \r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> विवरण:</b> &nbsp; सुलह रिपोर्ट सटीकता सुनिश्चित करते हुए व्यापारियों को भुगतान गेटवे के माध्यम से संसाधित लेनदेन के साथ उनके आंतरिक रिकॉर्ड का मिलान करने में मदद करती है।  \r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>लाभ:  </b> &nbsp;वित्तीय रिकॉर्ड में त्रुटियों और विसंगतियों को कम करते हुए, समाधान प्रक्रिया को सरल बनाता है। \r\n\r\n                    </label>\r\n\r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        आदेश विफलता   \r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> विवरण:</b> &nbsp;ऑर्डर विफलता रिपोर्ट उन लेनदेन को उजागर करती है जो सफलतापूर्वक नहीं हुए, विफलता के कारणों के बारे में विवरण प्रदान करते हैं। \r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>लाभ:  </b> &nbsp;व्यापारियों को समस्याओं को तुरंत पहचानने और उनका समाधान करने में सक्षम बनाता है, जिससे लेनदेन विफलताओं के कारण राजस्व हानि की संभावना कम हो जाती है।  \r\n\r\n                    </label>\r\n\r\n                    <h3 class=\"col-md-12 mt-4\">\r\n                        भुगतान विफलता  \r\n                    </h3>\r\n                    <label for=\"\" class=\"mt-3\"><b> विवरण:</b> &nbsp;पेआउट विफलता रिपोर्ट उन उदाहरणों का विवरण देती है जहां व्यापारियों को निर्धारित भुगतान असफल रहे थे।  \r\n\r\n                    </label>\r\n                    <label for=\"\" class=\"mt-3\"><b>लाभ:  </b> &nbsp;  व्यापारियों को भुगतान संबंधी समस्याओं का तुरंत समाधान करने की अनुमति देता है, जिससे एक सुचारू और विश्वसनीय भुगतान प्रक्रिया सुनिश्चित होती है। \r\n\r\n                    </label>\r\n                    <div class=\"col-md-12 mt-4\">\r\n                        <label for=\"\">संक्षेप में, ये रिपोर्टें व्यापारियों के लिए पारदर्शिता, जवाबदेही और कार्रवाई योग्य अंतर्दृष्टि प्रदान करने में महत्वपूर्ण भूमिका निभाती हैं, जो अंततः उनके व्यवसायों के कुशल और सफल संचालन में योगदान देती हैं। </label>\r\n                    </div>\r\n\r\n\r\n\r\n                    \r\n\r\n                </div>\r\n                \r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2  \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        विषयसूची :\r\n                    </h5>\r\n\r\n                </div>\r\n\r\n                <!-- <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#31\"> <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\"> &nbsp;</div>\r\n                        <div class=\"col-md-10\"><span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                Introduction to Refunds </span>\r\n                        </div>\r\n                    </div></a>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#115\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\"><span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\">\r\n                                    रिपोर्ट क्या हैं?    </span>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#116\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">रिपोर्ट का प्रकार \r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                \r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/settlement']\">     <button class=\"btn btn-color\" (click)=\"menues('Settlement')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;सेटलमेंट \r\n                </button></a>\r\n               \r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/merchant-dashboard']\"> <button class=\"btn btn-color\" (click)=\"menues('Merchant')\" >मर्चेंट डैशबोर्ड \r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n                \r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","<app-reports *ngIf=\"english\"></app-reports>\r\n<app-reports-hindi *ngIf=\"hindi\"></app-reports-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-reports-main',\r\n  templateUrl: './reports-main.component.html',\r\n  styleUrls: ['./reports-main.component.css']\r\n})\r\nexport class ReportsMainComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-merchant',\r\n  templateUrl: './merchant.component.html',\r\n  styleUrls: ['./merchant.component.css']\r\n})\r\nexport class MerchantComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\" (mouseover)=\"showpayment(true,'2')\"\r\n                    (mouseout)=\"showpayment(false,'2')\" id=\"117\">\r\n                    <h2>Merchant Dashboard </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button\r\n                            class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\"\r\n                                (click)=\"menues('share-button')\" alt=\"\"> </button> </a>\r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='31'>\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe\r\n                            class=\"i-frame\"\r\n                            src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                            frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"col-md-12 \" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"117\">\r\n                    <label for=\"\" class=\"mt-3\">A merchant dashboard is an online interface or platform provided by\r\n                        payment gateway companies to merchants, allowing them to manage various aspects of their payment\r\n                        processing activities. A merchant dashboard is a crucial tool for businesses engaged in online\r\n                        or point-of-sale transactions. It serves as a centralized hub where merchants can monitor\r\n                        transactions, view analytics, configure settings, and access tools to streamline their\r\n                        payment-related operations. It streamlines the management of financial transactions, enhances\r\n                        visibility into business performance, and provides merchants with the control they need to\r\n                        optimize their payment processes.\r\n                    </label>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"118\">\r\n                    <h2>\r\n                        Test Account Dashboard\r\n                    </h2>\r\n                    <label for=\"\" class=\"mt-3\">A test account in PayG is a simulated or sandbox environment that allows\r\n                        developers and merchants to test the functionality of the payment gateway without processing\r\n                        real transactions or money.\r\n                    </label>\r\n\r\n                    <ul>\r\n                        <li class=\"mt-3\">It's a way for developers to ensure that the integration with the payment\r\n                            gateway works correctly and that transactions can be handled properly before deploying the\r\n                            payment system in a live or production environment. </li>\r\n\r\n                        <li class=\"mt-3\">The test account dashboard will display the number of steps you have completed,\r\n                            and to activate your account, you need to complete your KYC.</li>\r\n                        <div class=\"col-md-12 mt-2\">\r\n                            <img src=\"./assets/md1.png\" alt=\"\" height=\"100%\" width=\"100%\">\r\n                        </div>\r\n                        <li class=\"mt-3\">In a test account, merchants typically have access to a set of dummy features,\r\n                            including payment links, pay buttons, invoices, Easy Collect, Smart Collect, and booking &\r\n                            ticketing. This allows merchants to simulate and create payment links, pay buttons, and\r\n                            profiles for Easy Collect and Smart Collect. While they can create these elements, they will\r\n                            not be able to accept payments from customers. The purpose is to test the proper and smooth\r\n                            functioning of these features, ensuring that their payment integration is robust and secure.\r\n                        </li>\r\n                        <div class=\"col-md-12 mt-2\">\r\n                            <img src=\"./assets/md2.png\" alt=\"\" height=\"100%\" width=\"100%\">\r\n                        </div>\r\n                        <li class=\"mt-3\">The merchant test account also comes with comprehensive documentation to\r\n                            facilitate learning about the products.\r\n                        </li>\r\n                    </ul>\r\n                    <label for=\"\" class=\"mt-2\">Having a test account helps developers identify and fix any issues or\r\n                        bugs in the payment processing flow before real transactions are involved, reducing the risk of\r\n                        problems affecting actual customers. It's a common practice in the software development and\r\n                        e-commerce industries to use test accounts during the development and testing phases of payment\r\n                        gateway integration.\r\n                    </label>\r\n\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id=\"119\">\r\n                    <h2>Active Account </h2>\r\n                    <label for=\"\" class=\"mt-3\">An \"active account dashboard\" in PayG refers to an online interface or\r\n                        platform where merchants can manage and monitor their live or active payment processing\r\n                        activities. This dashboard provides real-time information and tools for merchants to oversee and\r\n                        control various aspects of their financial transactions.  </label>\r\n\r\n                    <ul>\r\n                        <li class=\"mt-3\">Key features often include transaction history, analytics, reporting tools, and\r\n                            settings for configuring payment options, account details, and security settings.\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">Merchants can use the active account dashboard to track revenue, identify\r\n                            successful transactions, and manage customer payment data securely.\r\n                        </li>\r\n                    </ul>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\"\r\n                    id=\"121\">\r\n                    <h2>Here are some common features found in an active account dashboard: </h2>\r\n                    <label for=\"\" class=\"mt-2\">An \"active account dashboard\" in PayG refers to an online interface or\r\n                        platform where merchants can manage and monitor their live or active payment processing\r\n                        activities. This dashboard provides real-time information and tools for merchants to oversee and\r\n                        control various aspects of their financial transactions.  </label>\r\n\r\n                    <ul>\r\n                        <li class=\"mt-3\"><b>Transaction Overview: </b>&nbsp; Merchants can view a summary of recent\r\n                            transactions, including successful payments, refunds, and chargebacks, allowing them to\r\n                            monitor their financial activities at a glance. </li>\r\n\r\n                        <li class=\"mt-3\"><b>Analytics and Reporting: </b>&nbsp;The dashboard includes analytics tools\r\n                            and reporting features that provide insights into sales performance, customer behavior, and\r\n                            other relevant metrics. This data helps merchants make informed business decisions.\r\n\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\"><b>Settlement Reports: </b>&nbsp;Merchants can access details about financial\r\n                            settlements, showing when funds from transactions will be transferred to their bank account.\r\n                            This information helps in managing cash flow and financial planning.\r\n\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\"><b>Settings and Configuration: </b>&nbsp;Merchants can customize various\r\n                            settings related to their accounts, such as branding, notifications, and other preferences,\r\n                            giving them control over their payment processes.\r\n\r\n                        </li>\r\n                    </ul>\r\n                    <label for=\"\" class=\"mt-2\"> In summary, an active account dashboard in a payment gateway company\r\n                        provides merchants with the tools and information they need to actively manage and optimize\r\n                        their live payment processing activities. It is a central hub for monitoring transactions,\r\n                        analyzing performance, and configuring settings to meet specific business requirements.\r\n\r\n                    </label>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2  \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n\r\n                </div>\r\n\r\n                <!-- <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#31\"> <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\"> &nbsp;</div>\r\n                        <div class=\"col-md-10\"><span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                Introduction to Refunds </span>\r\n                        </div>\r\n                    </div></a>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#117\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\"><span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\">\r\n                                    Merchant Dashboard </span>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#118\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">\r\n                                    Test Account Dashboard\r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#119\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    Active Account Dashboard </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#121\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('5')\">Features of Active Account </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/onboarding']\"> <button class=\"btn btn-color\" (click)=\"menues('')\"> <img\r\n                            src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Onboarding Process\r\n\r\n                    </button></a>\r\n\r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/e-agrement']\">    <button class=\"btn btn-color\" (click)=\"menues('')\" >E-Aggrement \r\n                \r\n                    &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button>\r\n               </a>\r\n            </div>\r\n        </div>\r\n    </div>","import { Component,ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n@Component({\r\n  selector: 'app-merchant-hindi',\r\n  templateUrl: './merchant-hindi.component.html',\r\n  styleUrls: ['./merchant-hindi.component.css']\r\n})\r\nexport class MerchantHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button ></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8 ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\"  (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                id=\"117\">\r\n                    <h2>व्यापारी डैशबोर्ड  </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"><a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>\r\n                </div>\r\n                <!-- <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\"\r\n                    (mouseout)=\"showpayment(false,'1')\" id='31'>\r\n                    <div\r\n                        style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe\r\n                            class=\"i-frame\"\r\n                            src=\"https://www.youtube.com/embed/RLUj\" title=\"YouTube video player\"\r\n                            frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"col-md-12 \" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"117\">\r\n                    <label for=\"\" class=\"mt-3\">मर्चेंट डैशबोर्ड एक ऑनलाइन इंटरफ़ेस या प्लेटफ़ॉर्म है जो भुगतान गेटवे कंपनियों द्वारा व्यापारियों को प्रदान किया जाता है, जो उन्हें अपनी भुगतान प्रसंस्करण गतिविधियों के विभिन्न पहलुओं को प्रबंधित करने की अनुमति देता है। मर्चेंट डैशबोर्ड ऑनलाइन या पॉइंट-ऑफ-सेल लेनदेन में लगे व्यवसायों के लिए एक महत्वपूर्ण उपकरण है। यह एक केंद्रीकृत केंद्र के रूप में कार्य करता है जहां व्यापारी लेनदेन की निगरानी कर सकते हैं, विश्लेषण देख सकते हैं, सेटिंग्स कॉन्फ़िगर कर सकते हैं और अपने भुगतान-संबंधित कार्यों को सुव्यवस्थित करने के लिए टूल तक पहुंच सकते हैं। यह वित्तीय लेनदेन के प्रबंधन को सुव्यवस्थित करता है, व्यावसायिक प्रदर्शन में दृश्यता बढ़ाता है, और व्यापारियों को अपनी भुगतान प्रक्रियाओं को अनुकूलित करने के लिए आवश्यक नियंत्रण प्रदान करता है। </label>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"118\">\r\n                    <h2>\r\n                        परीक्षण खाता डैशबोर्ड  \r\n                    </h2>\r\n                    <label for=\"\" class=\"mt-3\">पे जी में एक परीक्षण खाता एक सिम्युलेटेड या सैंडबॉक्स वातावरण है जो डेवलपर्स और व्यापारियों को वास्तविक लेनदेन या धन को संसाधित किए बिना भुगतान गेटवे की कार्यक्षमता का परीक्षण करने की अनुमति देता है। </label>\r\n\r\n                    <ul>\r\n                        <li class=\"mt-3\">यह डेवलपर्स के लिए यह सुनिश्चित करने का एक तरीका है कि भुगतान गेटवे के साथ एकीकरण सही ढंग से काम करता है और लाइव या उत्पादन वातावरण में भुगतान प्रणाली को तैनात करने से पहले लेनदेन को ठीक से संभाला जा सकता है।  </li>\r\n\r\n                        <li class=\"mt-3\">परीक्षण खाता डैशबोर्ड आपके द्वारा पूरे किए गए चरणों की संख्या प्रदर्शित करेगा, और अपने खाते को सक्रिय करने के लिए, आपको अपना केवाईसी पूरा करना होगा। </li>\r\n                        <div class=\"col-md-12 mt-2\">\r\n                            <img src=\"./assets/md1.png\" alt=\"\" height=\"100%\" width=\"100%\">\r\n                         </div>\r\n                        <li class=\"mt-3\">एक परीक्षण खाते में, व्यापारियों के पास आम तौर पर भुगतान लिंक, भुगतान बटन, चालान, ईज़ी कलेक्ट, स्मार्ट कलेक्ट और बुकिंग और टिकटिंग सहित डमी सुविधाओं के एक सेट तक पहुंच होती है। यह व्यापारियों को ईज़ी कलेक्ट और स्मार्ट कलेक्ट के लिए भुगतान लिंक, भुगतान बटन और प्रोफाइल का अनुकरण और निर्माण करने की अनुमति देता है। हालाँकि वे ये तत्व बना सकते हैं, लेकिन वे ग्राहकों से भुगतान स्वीकार नहीं कर पाएंगे। इसका उद्देश्य इन सुविधाओं के उचित और सुचारू कामकाज का परीक्षण करना है, यह सुनिश्चित करना है कि उनका भुगतान एकीकरण मजबूत और सुरक्षित है।  </li>\r\n                        <div class=\"col-md-12 mt-2\">\r\n                            <img src=\"./assets/md2.png\" alt=\"\" height=\"100%\" width=\"100%\">\r\n                         </div>\r\n                        <li class=\"mt-3\">उत्पादों के बारे में सीखने की सुविधा के लिए व्यापारी परीक्षण खाता व्यापक दस्तावेज़ीकरण के साथ भी आता है। \r\n\r\n                        </li>\r\n                    </ul>\r\n                    <label for=\"\" class=\"mt-2\">परीक्षण खाता होने से डेवलपर्स को वास्तविक लेनदेन शामिल होने से पहले भुगतान प्रसंस्करण प्रवाह में किसी भी समस्या या बग को पहचानने और ठीक करने में मदद मिलती है, जिससे वास्तविक ग्राहकों को प्रभावित करने वाली समस्याओं का जोखिम कम हो जाता है। भुगतान गेटवे एकीकरण के विकास और परीक्षण चरणों के दौरान परीक्षण खातों का उपयोग करना सॉफ्टवेयर विकास और ई-कॉमर्स उद्योगों में एक आम बात है।    \r\n                    </label>\r\n\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                    id=\"119\">\r\n                    <h2>सक्रिय खाता </h2>\r\n                    <label for=\"\" class=\"mt-3\">पे जी में एक \"सक्रिय खाता डैशबोर्ड\" एक ऑनलाइन इंटरफ़ेस या प्लेटफ़ॉर्म को संदर्भित करता है जहां व्यापारी अपनी लाइव या सक्रिय भुगतान प्रसंस्करण गतिविधियों का प्रबंधन और निगरानी कर सकते हैं। यह डैशबोर्ड व्यापारियों को उनके वित्तीय लेनदेन के विभिन्न पहलुओं की निगरानी और नियंत्रण के लिए वास्तविक समय की जानकारी और उपकरण प्रदान करता है।  </label>\r\n\r\n                    <ul>\r\n                        <li class=\"mt-3\">मुख्य विशेषताओं में अक्सर लेनदेन इतिहास, विश्लेषण, रिपोर्टिंग टूल और भुगतान विकल्प, खाता विवरण और सुरक्षा सेटिंग्स कॉन्फ़िगर करने की सेटिंग्स शामिल होती हैं। \r\n                        </li>\r\n\r\n                        <li class=\"mt-3\">व्यापारी राजस्व को ट्रैक करने, सफल लेनदेन की पहचान करने और ग्राहक भुगतान डेटा को सुरक्षित रूप से प्रबंधित करने के लिए सक्रिय खाता डैशबोर्ड का उपयोग कर सकते हैं। \r\n\r\n                        </li>\r\n                    </ul>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\"\r\n                    id=\"121\">\r\n                    <h2>सक्रिय खाता डैशबोर्ड में पाई जाने वाली कुछ सामान्य विशेषताएं यहां दी गई हैं:  </h2>\r\n\r\n                    <ul>\r\n                         <li class=\"mt-3\"><b>लेन-देन अवलोकन: </b>&nbsp;  व्यापारी सफल भुगतान, रिफंड और चार्जबैक सहित हाल के लेन-देन का सारांश देख सकते हैं, जिससे वे एक नज़र में अपनी वित्तीय गतिविधियों पर नज़र रख सकते हैं।   </li>\r\n                            \r\n                        <li class=\"mt-3\"><b>एनालिटिक्स और रिपोर्टिंग: </b>&nbsp;डैशबोर्ड में एनालिटिक्स टूल और रिपोर्टिंग विशेषताएं शामिल हैं जो बिक्री प्रदर्शन, ग्राहक व्यवहार और अन्य प्रासंगिक मेट्रिक्स में अंतर्दृष्टि प्रदान करती हैं। यह डेटा व्यापारियों को सूचित व्यावसायिक निर्णय लेने में मदद करता है। \r\n\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\"><b>निपटान रिपोर्ट: </b>&nbsp;व्यापारी वित्तीय निपटान के बारे में विवरण प्राप्त कर सकते हैं, जिसमें दिखाया जाएगा कि लेनदेन से धनराशि उनके बैंक खाते में कब स्थानांतरित की जाएगी। यह जानकारी नकदी प्रवाह और वित्तीय योजना के प्रबंधन में मदद करती है।  \r\n\r\n                        </li>\r\n\r\n                        <li class=\"mt-3\"><b>सेटिंग्स और कॉन्फ़िगरेशन: </b>&nbsp;व्यापारी अपने खातों से संबंधित विभिन्न सेटिंग्स, जैसे ब्रांडिंग, सूचनाएं और अन्य प्राथमिकताओं को अनुकूलित कर सकते हैं, जिससे उन्हें अपनी भुगतान प्रक्रियाओं पर नियंत्रण मिलता है। \r\n\r\n                        </li>\r\n                    </ul>\r\n                    <label for=\"\" class=\"mt-2\"> संक्षेप में, भुगतान गेटवे कंपनी में एक सक्रिय खाता डैशबोर्ड व्यापारियों को अपनी लाइव भुगतान प्रसंस्करण गतिविधियों को सक्रिय रूप से प्रबंधित और अनुकूलित करने के लिए आवश्यक उपकरण और जानकारी प्रदान करता है। यह लेनदेन की निगरानी, प्रदर्शन का विश्लेषण और विशिष्ट व्यावसायिक आवश्यकताओं को पूरा करने के लिए सेटिंग्स कॉन्फ़िगर करने का एक केंद्रीय केंद्र है। \r\n\r\n                    </label>\r\n\r\n                </div>\r\n                \r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2  \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        विषयसूची :\r\n                    </h5>\r\n\r\n                </div>\r\n\r\n                <!-- <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#31\"> <div class=\"row\">\r\n                        <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                alt=\"\"> &nbsp;</div>\r\n                        <div class=\"col-md-10\"><span style=\"cursor: pointer;\" class=\"videoHover\"\r\n                                [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\">\r\n                                Introduction to Refunds </span>\r\n                        </div>\r\n                    </div></a>\r\n                </div> -->\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#117\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\"><span style=\"cursor: pointer;\" class=\"textHover\"\r\n                                    [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\">\r\n                                    व्यापारी डैशबोर्ड   </span>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#118\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">परीक्षण खाता डैशबोर्ड  \r\n                                </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#119\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    सक्रिय खाता डैशबोर्ड   </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <a href=\"#121\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\"  [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('5')\">सक्रिय खाते की विशेषताएं  </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/report']\">     <button class=\"btn btn-color\" (click)=\"menues('Reports')\" > <img\r\n                        src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;रिपोर्टस \r\n                </button></a>\r\n               \r\n        </div>\r\n    </div>\r\n</div>","<app-merchant *ngIf=\"english\"></app-merchant>\r\n<app-merchant-hindi *ngIf=\"hindi\"></app-merchant-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-merchnat-main',\r\n  templateUrl: './merchnat-main.component.html',\r\n  styleUrls: ['./merchnat-main.component.css']\r\n})\r\nexport class MerchnatMainComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","import { Component, ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n\r\n@Component({\r\n  selector: 'app-payment-gateway-working-hindi',\r\n  templateUrl: './payment-gateway-working-hindi.component.html',\r\n  styleUrls: ['./payment-gateway-working-hindi.component.css']\r\n})\r\nexport class PaymentGatewayWorkingHindiComponent {\r\n\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {     \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n  \r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event; \r\n  }\r\n    \r\n \r\n\r\n\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n    if (this.child == '4') {\r\n\r\n      this.up3 = false;\r\n      this.down3 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  up3: boolean = true;\r\n  down3: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n<div class=\"card crd p-3\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-10 col10 mt-2\">\r\n            <h2 >पेमेंट गेटवे उद्योग की कार्यप्रणाली</h2>\r\n        </div>\r\n        <div class=\"col-md-2 col2 \">\r\n            <a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a> \r\n                </div> \r\n\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"5\">\r\n                    <div style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/fiAnbtH16Kw?si=vaIlO3JntZcLPgVv\" \r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div>\r\n                   \r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\"\r\n        (mouseout)=\"showpayment(false,'2')\" id=\"120\"  >\r\n           <h3>पेमेंट एग्रीगेटर क्या हैं?</h3>\r\n           <P>पेमेंट एग्रीगेटर ऐसी संस्थाएं हैं जो व्यापारियों और ग्राहकों के बीच ऑनलाइन लेनदेन की सुविधा प्रदान करती हैं। वे एक ही व्यापारी खाते या समझौते के तहत कई व्यापारियों को समेकित करते हैं, जिससे इन व्यापारियों को भुगतान प्रोसेसर या बैंकों के साथ अपने स्वयं के व्यापारी खाते स्थापित करने की आवश्यकता के बिना भुगतान स्वीकार करने की अनुमति मिलती है।</P>\r\n        </div>\r\n        \r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'5')\"\r\n        (mouseout)=\"showpayment(false,'5')\" id=\"121\">\r\n           <h3>खिलाड़ियों को समझना </h3>\r\n           <h3>पूरी प्रक्रिया में मुख्य रूप से चार मुख्य खिलाड़ी शामिल हैं:</h3>\r\n        \r\n        <div class=\"col-md-12 mt-3\">\r\n            <Label class=\"mt-4 spn\" > <b>व्यापारी: </b> &nbsp; ये वे व्यवसाय हैं जो सामान या सेवाएँ ऑनलाइन बेचते हैं।</Label>\r\n            <Label class=\"mt-4 spn\" > <b>ग्राहक: </b> &nbsp;ये वे व्यक्ति हैं जो व्यापारियों से उत्पाद या सेवाएँ खरीदते हैं। </Label>\r\n            <Label class=\"mt-4 spn\" > <b>भुगतान गेटवे/एग्रीगेटर:</b> &nbsp;ये सेवा प्रदाता हैं जो व्यापारियों और वित्तीय संस्थानों के बीच ऑनलाइन लेनदेन की सुविधा प्रदान करते हैं। वे भुगतान प्रसंस्करण के तकनीकी पहलुओं को सुरक्षित रूप से संभालते हैं।</Label>\r\n            <Label class=\"mt-4 spn\" > <b>अधिग्रहणकर्ता: </b> &nbsp;ये वित्तीय संस्थान (जैसे बैंक) हैं जिनके पास लेनदेन को संसाधित करने के लिए समझौते हैं।</Label>\r\n         </div>\r\n         </div>\r\n         <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'3')\"\r\n         (mouseout)=\"showpayment(false,'3')\" id=\"122\">\r\n            <label for=\"\" class=\"spm\" >आइए इस प्रक्रिया को सरल बनाएं कि पेमेंट एग्रीगेटर/पेमेंट गेटवे उद्योग कैसे काम करता है, PayG पर ध्यान केंद्रित करें जो विशेष रूप से व्यापारियों से संबंधित है।</label>\r\n         <div class=\"col-md-12 mt-3\">\r\n            <h3 class=\"mt-4 spn\"> Let’s understand the process:</h3>\r\n            <Label class=\"mt-4 spn\" > <b>चरण 1: व्यापारी एकीकरण: </b> <br>व्यापारी पेमेंट गेटवे/एग्रीगेटर कंपनी के साथ साइन अप करते हैं। इसमें एक खाता बनाना और आवश्यक व्यावसायिक जानकारी प्रदान करना शामिल है। भुगतान गेटवे एकीकरण उपकरण प्रदान करता है जो व्यापारियों को अपनी वेबसाइटों या ऐप्स में भुगतान प्रसंस्करण को आसानी से शामिल करने की अनुमति देता है।</Label>\r\n            <Label class=\"mt-4 spn\" > <b>चरण 2: ग्राहक चेकआउट:</b> <br>जब कोई ग्राहक खरीदारी करने का निर्णय लेता है, तो वे व्यापारी की वेबसाइट या ऐप पर चेकआउट प्रक्रिया से गुजरते हैं। चेकआउट के समय, ग्राहक अपनी भुगतान जानकारी, जैसे क्रेडिट कार्ड विवरण, दर्ज करता है। </Label>\r\n            <Label class=\"mt-4 spn\" > <b>चरण 3: लेनदेन एन्क्रिप्शन:</b> <br>भुगतान गेटवे ग्राहक की भुगतान जानकारी को एन्क्रिप्ट करता है ताकि यह सुनिश्चित हो सके कि यह इंटरनेट पर सुरक्षित रूप से प्रसारित हो।</Label>\r\n            <Label class=\"mt-4 spn\" > <b>चरण 4: प्राधिकरण अनुरोध:</b> <br>भुगतान गेटवे ग्राहक की भुगतान विधि (जैसे, वीज़ा, मास्टरकार्ड) से जुड़े अधिग्रहणकर्ता को एक प्राधिकरण अनुरोध भेजता है।</Label>\r\n            <Label class=\"mt-4 spn\" > <b>चरण 5: प्राधिकरण प्रक्रिया:</b> <br>अधिग्रहणकर्ता प्राधिकरण अनुरोध प्राप्त करता है और इसे उपयुक्त कार्ड नेटवर्क (जैसे, वीज़ा, मास्टरकार्ड) को अग्रेषित करता है। कार्ड नेटवर्क भुगतान विवरण और खाते की शेष राशि को सत्यापित करने के लिए ग्राहक के बैंक तक अनुरोध भेजता है।</Label>\r\n            <Label class=\"mt-4 spn\" > <b>चरण 6: लेन-देन अनुमोदन:</b> <br>यदि ग्राहक का बैंक लेनदेन को मंजूरी देता है, तो एक प्राधिकरण कोड उत्पन्न होता है और उसी चैनल के माध्यम से वापस भेजा जाता है। अधिग्रहणकर्ता प्राधिकरण कोड प्राप्त करता है और इसे भुगतान गेटवे पर भेजता है। </Label>\r\n            <Label class=\"mt-4 spn\" > <b>चरण 7: व्यापारी को सूचना:</b> <br> भुगतान गेटवे व्यापारी को सूचित करता है कि लेनदेन अधिकृत हो गया है, जिससे उन्हें ऑर्डर पूरा करने के लिए आगे बढ़ने की अनुमति मिलती है। </Label>\r\n            <Label class=\"mt-4 spn\" > <b>चरण 8: निधि निपटान:</b> <br> लेन-देन अधिकृत होने के बाद, भुगतान गेटवे ग्राहक के बैंक से व्यापारी के बैंक खाते में धनराशि स्थानांतरित करने की प्रक्रिया शुरू करता है। इस निपटान प्रक्रिया को पूरा होने में आम तौर पर कुछ व्यावसायिक दिन लगते हैं।</Label>\r\n            <Label class=\"mt-4 spn\" > <b>चरण 9: लेन-देन रिपोर्टिंग और प्रबंधन:</b> <br>भुगतान गेटवे व्यापारियों को लेनदेन को ट्रैक करने और प्रबंधित करने के लिए उपकरण प्रदान करता है, जिसमें बिक्री डेटा और राजस्व विश्लेषण के लिए रिपोर्टिंग सुविधाएं शामिल हैं। </Label>\r\n            <Label class=\"mt-4 spn\" > <b>चरण 10: फीस और शुल्क:</b> <br>भुगतान गेटवे/एग्रीगेटर संसाधित प्रत्येक लेनदेन के लिए व्यापारियों से शुल्क लेते हैं। यह शुल्क लेनदेन की मात्रा और प्रदान की गई सेवाओं जैसे कारकों के आधार पर भिन्न होता है। अधिग्रहणकर्ता लेन-देन के प्रसंस्करण के लिए व्यापारियों से शुल्क भी ले सकते हैं, जिसमें इंटरचेंज शुल्क (कार्ड नेटवर्क को भुगतान) और अधिग्रहणकर्ता शुल्क शामिल हो सकते हैं। </Label>\r\n            <Label class=\"mt-1 spn\" > <br>संक्षेप में, भुगतान गेटवे/एग्रीगेटर उद्योग व्यापारियों, ग्राहकों और वित्तीय संस्थानों के बीच सुरक्षित ऑनलाइन लेनदेन की सुविधा प्रदान करके काम करता है। सुचारु और कुशल भुगतान प्रसंस्करण सुनिश्चित करने के लिए भुगतान गेटवे के सहयोग से काम करते हुए, अधिग्रहणकर्ता व्यापारियों की ओर से लेनदेन के प्रसंस्करण में महत्वपूर्ण भूमिका निभाते हैं।</Label>\r\n            \r\n        </div>\r\n        </div>\r\n\r\n        \r\n        <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'4')\"\r\n            (mouseout)=\"showpayment(false,'4')\" id=\"123\">\r\n           <h3> पेमेंट गेटवे और पेमेंट एग्रीगेटर्स के बीच मुख्य अंतर </h3> \r\n            <Label class=\"mt-1 spn\" > <br>पेमेंट गेटवे और पेमेंट एग्रीगेटर्स के बीच मुख्य अंतर ऑनलाइन लेनदेन और उनके लक्षित ग्राहकों को सुविधाजनक बनाने के उनके दृष्टिकोण में निहित है:</Label>\r\n           <table class=\"table\">\r\n            <tr>\r\n            <th class=\"tabled\">क्र.सं.</th>\r\n            <th class=\"tabled\">भुगतान गेटवे</th>\r\n            <th class=\"tabled\">भुगतान एग्रीगेटर</th>\r\n           </tr>\r\n           <tr class=\"tabled\">\r\n            <td class=\"tabled\">1.</td>\r\n            <td class=\"tabled\">भुगतान गेटवे मुख्य रूप से सुरक्षित लेनदेन प्रसंस्करण और डेटा अखंडता सुनिश्चित करने पर ध्यान केंद्रित करते हैं।</td>\r\n            <td class=\"tabled\">भुगतान एग्रीगेटर्स विभिन्न भुगतान विधियों को संसाधित करने और कई व्यापारियों को भुगतान सेवाएं प्रदान करने के लिए एक एकीकृत मंच प्रदान करने पर ध्यान केंद्रित करते हैं।</td>\r\n           </tr>\r\n           <tr class=\"tabled\">\r\n            <td class=\"tabled\">2.</td>\r\n            <td class=\"tabled\">भुगतान गेटवे के लिए व्यापारियों को अपने व्यापारी खाते रखने और अधिग्रहण करने वाले बैंकों के साथ संबंध स्थापित करने की आवश्यकता होती है।</td>\r\n            <td class=\"tabled\">भुगतान एग्रीगेटर व्यापारियों को एक साझा व्यापारी खाता प्रदान करते हैं और कई व्यापारियों की ओर से अधिग्रहण करने वाले बैंकों के साथ संबंध का प्रबंधन करते हैं।</td>\r\n            </tr>\r\n            <tr class=\"tabled\">\r\n            <td class=\"tabled\">3.</td>\r\n            <td class=\"tabled\">भुगतान गेटवे एन्क्रिप्टेड भुगतान डेटा प्रसारित करते हैं और ग्राहक और व्यापारी के बैंक के बीच सीधे लेनदेन को सत्यापित करते हैं।</td>\r\n            <td class=\"tabled\">भुगतान एग्रीगेटर कई व्यापारियों से भुगतान डेटा एकत्र करते हैं और व्यक्तिगत व्यापारी खातों में धनराशि वितरित करने से पहले उनके व्यापारी पहचान संख्या (एमआईडी) के माध्यम से लेनदेन की प्रक्रिया करते हैं।</td>\r\n            </tr>\r\n            <tr class=\"tabled\">\r\n            <td class=\"tabled\">4.</td>\r\n            <td class=\"tabled\">भुगतान गेटवे अक्सर अधिक अनुकूलन की अनुमति देते हैं, जिससे व्यापारियों को अपनी वेबसाइट या ऐप में भुगतान प्रसंस्करण को सहजता से एकीकृत करने की अनुमति मिलती है।</td>\r\n            <td class=\"tabled\">भुगतान एग्रीगेटर आम तौर पर कम अनुकूलन विकल्पों के साथ मानकीकृत भुगतान प्रसंस्करण समाधान प्रदान करते हैं लेकिन व्यापारियों के लिए तेज़ ऑनबोर्डिंग करते हैं।</td>\r\n            </tr>\r\n           </table>\r\n        </div>\r\n        \r\n        \r\n    </div>\r\n\r\n</div>\r\n</div>\r\n<div class=\"col-md-4 hide-tbl content2 \">\r\n<div class=\"card crd p-4\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n            <h5 >\r\n                विषयसूची:\r\n            </h5>\r\n\r\n        </div>\r\n        <div class=\"col-md-12 mt-2\">\r\n            \r\n        </div>\r\n        <div class=\"col-md-12 mt-3\">\r\n            <a href=\"#120\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\"> &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                            > भुगतान एग्रीगेटर्स</span>\r\n                       \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\">\r\n            <a href=\"#121\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\"> &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='5'}\" (click)=\"color('5')\"\r\n                            > मुख्य खिलाड़ी</span>\r\n                       \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\">\r\n            <a href=\"#122\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\"> &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                            >\r\n                            पेमेंट गेटवे/एग्रीगेटर कैसे काम करता है? </span>\r\n                       \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\">\r\n            <a href=\"#123\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\"> &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                            >भुगतान गेटवे और एग्रीगेटर</span>\r\n                       \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-9 hide ft-9\">\r\n    <hr>\r\n    <div class=\" row crd\">\r\n        <div class=\"col-md-8\">\r\n            <a [routerLink]=\"['/']\">     <button class=\"btn btn-color\" (click)=\"menues('Payment Gateway')\" > <img\r\n                    src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;पेमेंट गेटवे का परिचय\r\n            </button></a>\r\n           \r\n        </div>\r\n        <div class=\"col-md-4    \">\r\n            <a [routerLink]=\"['/pay-g']\"> <button class=\"btn btn-color\" (click)=\"menues('PayG')\" >पे जी\r\n                &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            \r\n        </div>\r\n    </div>\r\n</div>\r\n</div>\r\n<app-share-button></app-share-button>","import { Component, ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n\r\n@Component({\r\n  selector: 'app-payment-gateway-working-english',\r\n  templateUrl: './payment-gateway-working-english.component.html',\r\n  styleUrls: ['./payment-gateway-working-english.component.css']\r\n})\r\nexport class PaymentGatewayWorkingEnglishComponent {\r\n\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {     \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n  \r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event; \r\n  }\r\n    \r\n \r\n\r\n\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n    if (this.child == '4') {\r\n\r\n      this.up3 = false;\r\n      this.down3 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  up3: boolean = true;\r\n  down3: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<app-share-button></app-share-button>\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n<div class=\"card crd p-3\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-10 col10 mt-2\">\r\n            <h2  >Payment Gateway Industry's Working</h2>\r\n        </div>\r\n        <div class=\"col-md-2 col2 \">\r\n            <a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a> \r\n                </div> \r\n                   \r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"5\">\r\n                    <div style=\"max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative;\">\r\n\r\n                        <iframe class=\"i-frame\" src=\"https://www.youtube.com/embed/fiAnbtH16Kw?si=vaIlO3JntZcLPgVv\" \r\n                            title=\"YouTube video player\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                            allowfullscreen></iframe>\r\n                    </div>\r\n                </div>\r\n\r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\"\r\n        (mouseout)=\"showpayment(false,'2')\" id=\"120\"  >\r\n           <h3>What are Payment Aggregators? </h3>\r\n           <P>Payment aggregators are entities that facilitate online transactions between merchants and customers. They consolidate multiple merchants under a single merchant account or agreement, allowing these merchants to accept payments without needing to set up their own merchant accounts with payment processors or banks.</P>\r\n        </div>\r\n        \r\n        <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'5')\"\r\n        (mouseout)=\"showpayment(false,'5')\" id=\"121\">\r\n           <h3>Understanding the Players </h3>\r\n           <h3>There are mainly four main players involved in the entire process:</h3>\r\n        \r\n        <div class=\"col-md-12 mt-3\">\r\n            <Label class=\"mt-4 spn\" > <b>Merchants: </b> &nbsp; These are the businesses that sell goods or services online. </Label>\r\n            <Label class=\"mt-4 spn\" > <b>Customers: </b> &nbsp;These are the individuals who buy products or services from merchants. </Label>\r\n            <Label class=\"mt-4 spn\" > <b>Payment Gateways/Aggregators</b> &nbsp;These are service providers that facilitate online transactions between merchants and financial institutions. They handle the technical aspects of processing payments securely.</Label>\r\n            <Label class=\"mt-4 spn\" > <b>Acquirers: </b> &nbsp;These are financial institutions (such as banks) that have agreements to process the transactions.</Label>\r\n         </div>\r\n         </div>\r\n         <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'3')\"\r\n         (mouseout)=\"showpayment(false,'3')\" id=\"122\">\r\n            <label for=\"\" class=\"spm\" >Let's simplify the process of how a payment aggregator/payment gateway industry works, focusing on PayG which deals exclusively with merchants.</label>\r\n         <div class=\"col-md-12 mt-3\">\r\n            <h3 class=\"mt-4 spn\"> Let’s understand the process:</h3>\r\n            <Label class=\"mt-4 spn\" > <b>Step 1: Merchant Integration: </b> <br>Merchants sign up with a payment gateway/aggregator company. This involves creating an account and providing necessary business information. The payment gateway provides integration tools that allow merchants to incorporate payment processing into their websites or apps easily.</Label>\r\n            <Label class=\"mt-4 spn\" > <b>Step 2: Customer Checkout:</b> <br>When a customer decides to make a purchase, they go through the checkout process on the merchant's website or app. At checkout, the customer enters their payment information, such as credit card details. </Label>\r\n            <Label class=\"mt-4 spn\" > <b>Step 3: Transaction Encryption:</b> <br>The payment gateway encrypts the customer's payment information to ensure it's securely transmitted over the internet.</Label>\r\n            <Label class=\"mt-4 spn\" > <b>Step 4: Authorization Request:</b> <br>The payment gateway sends an authorization request to the acquirer associated with the customer's payment method (e.g., Visa, Mastercard).</Label>\r\n            <Label class=\"mt-4 spn\" > <b>Step 5: Authorization Process:</b> <br>The acquirer receives the authorization request and forwards it to the appropriate card network (e.g., Visa, Mastercard). The card network routes the request to the customer's bank to verify the payment details and account balance. </Label>\r\n            <Label class=\"mt-4 spn\" > <b>Step 6: Transaction Approval:</b> If the customer's bank approves the transaction, an authorization code is generated and sent back through the same channels. The acquirer receives the authorization code and forwards it to the payment gateway. <br> </Label>\r\n            <Label class=\"mt-4 spn\" > <b>Step 7: Notification to Merchant:</b> <br> The payment gateway notifies the merchant that the transaction has been authorized, allowing them to proceed with fulfilling the order. </Label>\r\n            <Label class=\"mt-4 spn\" > <b>Step 8: Funds Settlement:</b> <br> After the transaction is authorized, the payment gateway initiates the process of transferring funds from the customer's bank to the merchant's bank account. This settlement process typically takes a few business days to complete. </Label>\r\n            <Label class=\"mt-4 spn\" > <b>Step 9: Transaction Reporting and Management:</b> <br>The payment gateway provides tools for merchants to track and manage transactions, including reporting features for sales data and revenue analytics. </Label>\r\n            <Label class=\"mt-4 spn\" > <b>Step 10: Fees and Charges:</b> <br>Payment gateways/aggregators charge merchants a fee for each transaction processed. This fee varies depending on factors like transaction volume and the services provided. Acquirers may also charge fees to merchants for processing transactions, which can include interchange fees (paid to card networks) and acquirer fees. </Label>\r\n            <Label class=\"mt-1 spn\" > <br>In summary, the payment gateway/aggregator industry works by facilitating secure online transactions between merchants, customers, and financial institutions. Acquirers play a crucial role in processing transactions on behalf of merchants, working in collaboration with payment gateways to ensure smooth and efficient payment processing. </Label>\r\n            \r\n        </div>\r\n        </div>\r\n\r\n        \r\n        <div class=\"col-md-12 mt-4\" (mouseover)=\"showpayment(true,'4')\"\r\n            (mouseout)=\"showpayment(false,'4')\" id=\"123\">\r\n           <h3> Key Difference between payment gateways and payment aggregators </h3> \r\n            <Label class=\"mt-1 spn\" > <br>The key difference between payment gateways and payment aggregators lies in their approach to facilitating online transactions and their target customers:</Label>\r\n           <table class=\"table\">\r\n            <tr>\r\n            <th class=\"tabled\">S.No.</th>\r\n            <th class=\"tabled\">Payment Gateway</th>\r\n            <th class=\"tabled\">Payment Aggregator</th>\r\n           </tr>\r\n           <tr class=\"tabled\">\r\n            <td class=\"tabled\">1.</td>\r\n            <td class=\"tabled\">Payment gateways primarily focus on ensuring secure transaction processing and data integrity.</td>\r\n            <td class=\"tabled\">Payment aggregators focus on providing a unified platform for processing various payment methods and offering payment services to multiple merchants.</td>\r\n           </tr>\r\n           <tr class=\"tabled\">\r\n            <td class=\"tabled\">2.</td>\r\n            <td class=\"tabled\">Payment gateways require merchants to have their merchant accounts and establish relationships with acquiring banks.</td>\r\n            <td class=\"tabled\">Payment aggregators provide merchants with a shared merchant account and manage the relationship with acquiring banks on behalf of multiple merchants.</td>\r\n            </tr>\r\n            <tr class=\"tabled\">\r\n            <td class=\"tabled\">3.</td>\r\n            <td class=\"tabled\">Payment gateways transmit encrypted payment data and verify transactions directly between the customer and the merchant's bank.</td>\r\n            <td class=\"tabled\">Payment aggregators collect payment data from multiple merchants and process transactions through their Merchant Identification Number (MID) before dispersing funds to individual merchant accounts.</td>\r\n            </tr>\r\n            <tr class=\"tabled\">\r\n            <td class=\"tabled\">4.</td>\r\n            <td class=\"tabled\">Payment gateways often allow for more customization, allowing merchants to integrate payment processing seamlessly into their website or app.</td>\r\n            <td class=\"tabled\">Payment aggregators typically offer standardized payment processing solutions with fewer customization options but faster onboarding for merchants.</td>\r\n            </tr>\r\n           </table>\r\n        </div>\r\n        \r\n        \r\n    </div>\r\n\r\n</div>\r\n</div>\r\n<div class=\"col-md-4 hide-tbl content2 \">\r\n<div class=\"card crd p-4\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n            <h5 >\r\n                Table of Contents:\r\n            </h5>\r\n\r\n        </div>\r\n        <div class=\"col-md-12 mt-2\">\r\n            \r\n        </div>\r\n        <div class=\"col-md-12 mt-3\">\r\n            <a href=\"#120\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\"> &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='2'}\" (click)=\"color('2')\"\r\n                            > Payment Aggregators</span>\r\n                       \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\">\r\n            <a href=\"#121\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\"> &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='5'}\" (click)=\"color('5')\"\r\n                            > Key Players</span>\r\n                       \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\">\r\n            <a href=\"#122\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\"> &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='3'}\" (click)=\"color('3')\"\r\n                            >\r\n                            How payment gateway/Aggregator work? </span>\r\n                       \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n        <div class=\"col-md-12 mt-3\">\r\n            <a href=\"#123\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-2\"> <img   src=\"./assets/edit.svg\" class=\"tab-icon intro\"\r\n                            alt=\"\"> &nbsp;</div>\r\n                    <div class=\"col-md-10\">\r\n                        <span style=\"cursor: pointer;\" class=\"textHover\"\r\n                            [ngClass]=\"{'text':colors=='4'}\" (click)=\"color('4')\"\r\n                            >Payment Gateway and Aggregator</span>\r\n                       \r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>\r\n<div class=\"col-md-9 hide ft-9\">\r\n    <hr>\r\n    <div class=\" row crd\">\r\n        <div class=\"col-md-8\">\r\n            <a [routerLink]=\"['/']\">     <button class=\"btn btn-color\" (click)=\"menues('Payment Gateway')\" > <img\r\n                    src=\"./assets/Arrow 3.svg\" alt=\"\">&nbsp;&nbsp;Introduction to Payment Gateway\r\n            </button></a>\r\n           \r\n        </div>\r\n        <div class=\"col-md-4    \">\r\n            <a [routerLink]=\"['/onboarding']\"> <button class=\"btn btn-color\" (click)=\"menues('PayG')\" >Onboarding\r\n                &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            \r\n        </div>\r\n    </div>\r\n</div>\r\n</div>","<app-payment-gateway-working-english *ngIf=\"english\"></app-payment-gateway-working-english>\r\n<app-payment-gateway-working-hindi *ngIf=\"hindi\"></app-payment-gateway-working-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-payment-gateway-working',\r\n  templateUrl: './payment-gateway-working.component.html',\r\n  styleUrls: ['./payment-gateway-working.component.css']\r\n})\r\nexport class PaymentGatewayWorkingComponent {\r\n  english:boolean=false;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n\r\n  \r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n    else{\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n\r\n  }\r\n\r\n}\r\n","import { Component, ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n\r\n@Component({\r\n  selector: 'app-introduction-reseller',\r\n  templateUrl: './introduction-reseller.component.html',\r\n  styleUrls: ['./introduction-reseller.component.css']\r\n})\r\nexport class IntroductionResellerComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n    if (this.child == '4') {\r\n\r\n      this.up3 = false;\r\n      this.down3 = true;\r\n      \r\n\r\n    }\r\n    if(this.child == '5'){\r\n      this.up4 = false;\r\n      this.down4 = true;\r\n    }\r\n\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  up3: boolean = true;\r\n  down3: boolean = false;\r\n  up4:boolean = true;\r\n  down4:boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n    this.down=false;\r\n    this.up1 = true;\r\n    this.down1=false;\r\n    this.up2 = true;\r\n    this.down2=false;\r\n    this.up3 = true;\r\n    this.down3=false;\r\n    this.up4= true;\r\n    this.down4=false;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n// if(this.showcolor==true && this.showcl=='6')\r\n//   {\r\n//   this.colors=\"6\";\r\n//   }\r\n  \r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n\r\n\r\n}\r\n","<app-share-button ></app-share-button>\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>\r\n                        Introduction </h2>\r\n                </div>\r\n                <!-- <div class=\"col-md-2 col2\"><button class=\"btn share\"><img src=\"./assets/share (5).svg\"\r\n                            style=\"width: 30px;\" alt=\"\"></button>\r\n                </div> -->\r\n                <div class=\"col-md-2 col2 \"> <a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"2\">\r\n                    <h2>Introduction to Reseller</h2>\r\n                    <label for=\"\" class=\"mt-2\">In the ever-changing world of business, resellers play an important role\r\n                        in the distribution chain. This document aims to provide a detailed overview of what a reseller\r\n                        is, the benefits they offer, and how they can make the most of their position for maximum\r\n                        profitability and growth, particularly in the PayG sector. </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"3\">\r\n                    <h2>What is a Reseller? </h2>\r\n                    <label for=\"\" class=\"mt-3\">A reseller is a business or individual that purchases products or\r\n                        services from a manufacturer or distributor intending to sell them to end customers. Resellers\r\n                        can operate in various sectors, including technology, consumer goods, and financial services.\r\n                        They often add value through additional services such as customer support, training, and\r\n                        customization. </label>\r\n\r\n\r\n                    <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                        id=\"4\">\r\n                        <h2>\r\n                            Benefits of Being a Reseller\r\n                        </h2>\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b>1. Low Overhead Costs:</b></h4>\r\n                        <label for=\"\">Resellers can operate with minimal investment compared to starting a business from\r\n                            scratch. They do not need to invest heavily in manufacturing or product development.</label>\r\n\r\n                        <h4 class=\"mt-4\"><b>2. Access to Established Products:</b></h4>\r\n                        <label for=\"\">Resellers can offer products and services that are already market-tested, reducing\r\n                            the risks associated with launching new offerings</label>\r\n\r\n                        <h4 class=\"mt-4\"><b>3. Flexibility and Scalability:</b></h4>\r\n                        <label for=\"\">Resellers can quickly adapt their inventory and offerings based on market demand,\r\n                            allowing them to scale their operations effectively.</label>\r\n\r\n                        <h4 class=\"mt-4\"><b>4. Diverse Revenue Streams:</b></h4>\r\n                        <label for=\"\">By partnering with multiple suppliers, resellers can diversify their product lines\r\n                            and income sources, reducing dependency on a single product or supplier. </label>\r\n\r\n                        <h4 class=\"mt-4\"><b>5. Networking Opportunities:</b></h4>\r\n                        <label for=\"\">Working with multiple vendors and clients allows resellers to build valuable\r\n                            relationships, enhancing their market presence and business prospects. </label>\r\n\r\n                        <h4 class=\"mt-4\"><b> 6. Market Knowledge:</b></h4>\r\n                        <label for=\"\">Resellers often gain insights into consumer preferences and trends, which can\r\n                            inform their purchasing and sales strategies. </label>\r\n                    </div>\r\n\r\n                    <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\"\r\n                        id=\"5\">\r\n                        <h2> How Resellers Can Benefit from PayG </h2>\r\n                        <label for=\"\">In the PayG landscape, resellers have unique opportunities to capitalize on\r\n                            technology-driven innovations. Here’s how they can benefit: </label>\r\n\r\n                        <h4 class=\"mt-4\"><b> 1. Enhanced Product Offering </b></h4>\r\n                        <label for=\"\">By partnering with PayG, resellers can offer advanced financial products such as\r\n                            payment processing solutions, lending platforms, and accounting software. This can attract\r\n                            new customers and retain existing ones. </label>\r\n\r\n                        <h4 class=\"mt-4\"><b>2. Improved Customer Experience </b></h4>\r\n                        <label for=\"\">Utilizing PayG solutions can streamline operations, improve transaction speeds,\r\n                            and enhance customer support, leading to a better overall experience for end-users. </label>\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b>3. Competitive Advantage </b></h4>\r\n                        <label for=\"\">Resellers that adopt innovative PayG solutions can differentiate themselves in a\r\n                            crowded market, providing unique value propositions that resonate with customers. </label>\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b> 4. Training and Support </b></h4>\r\n                        <label for=\"\">PayG often provide training and support for their resellers, equipping them with\r\n                            the knowledge needed to effectively market and sell products.</label>\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b> 5. Increased Profit Margins </b></h4>\r\n                        <label for=\"\">By incorporating PayG solutions, resellers can optimize their operations, reduce\r\n                            costs, and potentially increase their profit margins through value-added services. </label>\r\n                    </div>\r\n\r\n                    <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'6')\" (mouseout)=\"showpayment(false,'6')\"\r\n                        id=\"6\">\r\n                        <h2> Best Practices for Resellers </h2>\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b> 1. Understand Your Market: </b></h4>\r\n                        <label for=\"\">Conduct thorough research to identify customer needs and market trends. This will\r\n                            help tailor your offerings to meet demand. </label>\r\n\r\n                        <h4 class=\"mt-4\"><b>2. Build Strong Relationships: </b></h4>\r\n                        <label for=\"\">Cultivate relationships with PayG and clients. Strong partnerships can lead to\r\n                            better pricing, exclusive products, and collaborative marketing opportunities. </label>\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b>3. Leverage Technology: </b></h4>\r\n                        <label for=\"\">Utilize digital marketing tools, and data analytics to enhance sales strategies\r\n                            and customer engagement. </label>\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b>4. Stay Informed: </b></h4>\r\n                        <label for=\"\">Keep ahead of the latest developments in PayG to remain competitive. </label>\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b>5. Focus on Customer Support: </b></h4>\r\n                        <label for=\"\">Providing exceptional customer service can differentiate your business and foster\r\n                            long-term loyalty among clients </label>\r\n\r\n\r\n\r\n                    </div>\r\n                    <p>For more information, resources, or assistance, please feel free to reach out to our support\r\n                        team. </p>\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span class=\"videoHover\" style=\"cursor: pointer;\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >\r\n                                    Introduction to\r\n                                    Payment Gateways\r\n                                </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\">Introduction to Reseller </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">\r\n                                    What is a Reseller? </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">Benefits of Being a Reseller </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#5\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('5')\"> How Resellers Can Benefit from PayG</span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#6\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='6'}\"\r\n                                    (click)=\"color('6')\">  Best Practices for Resellers</span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/merchant-dashboard']\"><button class=\"btn btn-color\"\r\n                        (click)=\"menues('Creating Profile')\"> <img src=\"./assets/Arrow 3.svg\" alt=\"\"> &nbsp;Merchant\r\n                        Dashboard\r\n                        &nbsp;</button></a>\r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/registration-process']\"> <button class=\"btn btn-color\">Registration process\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","import { Component, ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n\r\n@Component({\r\n  selector: 'app-registration-process',\r\n  templateUrl: './registration-process.component.html',\r\n  styleUrls: ['./registration-process.component.css']\r\n})\r\nexport class RegistrationProcessComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n\r\n\r\n}\r\n","<app-share-button ></app-share-button>\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>\r\n                    </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"> <a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-2 col2\"><button class=\"btn share\"><img src=\"./assets/share (5).svg\"\r\n                            style=\"width: 30px;\" alt=\"\"></button>\r\n                </div> -->\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"2\">\r\n                    <h2>Onboarding Process of PayG for Resellers </h2>\r\n                    <label for=\"\" class=\"mt-2\">The onboarding process for resellers at PayG is structured to ensure a\r\n                        smooth integration into our payment gateway services while maintaining compliance and enhancing\r\n                        the reseller's ability to serve their clients effectively. Below is a detailed outline of each\r\n                        step involved in the process.</label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5  \" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"3\">\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>Step 1: Initial Registration </b></h4>\r\n                    <label for=\"\">1. Visit the Website </label><br>\r\n                    <label for=\"\">Navigate to our official website at <a style=\"color: #09BCE1;\" href=\"https://payg.in/\">www.payg.in</a> </label>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3 \" style=\"text-align: center;\">\r\n                            <img src=\"./assets/visitourweb.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label class=\"mt-2\">2. Login or Register</label><br>\r\n                    <label for=\"\">Click on the \"Login\" button, then select \"Reseller.\" If you are a new user, click on\r\n                        “Register as Reseller” </label><br>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3 \" style=\"text-align: center;\">\r\n                            <img src=\"./assets/loginreg.jpg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                </div>\r\n                <h4 class=\"mt-4\"><b>Step 2: Filling Out Registration Details </b></h4>\r\n                <label for=\"\">1. Basic Information  </label>\r\n                <ul style=\"padding: 1% 0% 1% 6%;\">\r\n                    <li>Name </li>\r\n                    <li>Email Address</li>\r\n                    <li>Mobile Number</li>\r\n                    <li>Company Name </li>\r\n                    <li>PAN Card </li>\r\n                </ul>\r\n                <label for=\"\"> - After filling the information, click on the \"Register\" button\r\n                </label>\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/basicinfo.jpg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n\r\n                <label for=\"\" class=\"mt-3\">2. OTP Verification </label>\r\n                <label for=\"\"> - Enter the One-Time Password (OTP) sent to your registered mobile number. </label>\r\n\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/otphere.jpg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n                <label for=\"\" class=\"mt-3\"> - Create a strong password for your account.</label>\r\n\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/strongpass.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n                <h4 class=\"mt-4\"><b>Step 3: Business Information </b></h4>\r\n                <label for=\"\">1. Business Address </label>\r\n                <p> - Provide your complete business address, including:</p>\r\n                <p>- State </p>\r\n                <p> - Zip Code </p>\r\n                <p> - City Name </p>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/Screenshot 2024-11-04 191719.png\" width=\"100%\" height=\"100%\"\r\n                            alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n                <label for=\"\" class=\"mt-3\">2. Business Details</label>\r\n                <p>- Fill in additional business information such as:</p>\r\n                <p> - Company Name</p>\r\n                <p> - Annual Turnover</p>\r\n                <p> - Website URL </p>\r\n                <p> - Company PAN Number (Permanent Account Number) </p>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/Screenshot 2024-11-04 144859.png\" width=\"100%\" height=\"100%\"\r\n                            alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n                <label for=\"\" class=\"mt-3\">3. Owner’s Details  </label>\r\n                <p> - Enter details of the company owner, including: </p>\r\n                <p> - Name </p>\r\n                <p> - Contact Information </p>\r\n                <p> - This step is crucial for verifying the authenticity of the business. </p>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/Screenshot 2024-11-04 144928.png\" width=\"100%\" height=\"100%\"\r\n                            alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n\r\n\r\n                <label for=\"\" class=\"mt-3\">4: Bank Details </label>\r\n                <label>1. Bank Information </label>\r\n                <p> - Provide the bank account details where funds will be settled, including: </p>\r\n                <p> - Bank Name </p>\r\n                <p> - Account Number </p>\r\n                <p> - IFSC Code </p>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/Screenshot 2024-11-04 144949.png\" width=\"100%\" height=\"100%\"\r\n                            alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n                <label for=\"\" class=\"mt-3\"> 5: Document Upload </label>\r\n                <label>1. Document Submission </label>\r\n                <p> - Upload necessary documents to support your application. This may include:</p>\r\n                <p> - Business Registration Certificate </p>\r\n                <p> - PAN Card </p>\r\n                <p> - Address Proof </p>\r\n                <p>- Bank Statement </p>\r\n                <p> - Ensure that all documents are clear and legible for smooth verification</p>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/Screenshot 2024-11-04 145016.png\" width=\"100%\" height=\"100%\"\r\n                            alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n                <h4 class=\"mt-4\"><b>Step 4: Completion of Registration </b></h4>\r\n                <label for=\"\">1. Registration Confirmation </label>\r\n                <p>- Once all the information is filled and documents are uploaded, your registration will be processed.\r\n                </p>\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/Screenshot 2024-11-04 191331.png\" width=\"100%\" height=\"100%\"\r\n                            alt=\"\">\r\n                    </div>\r\n                </div>\r\n                <p class=\"mt-3\"> - You will receive a confirmation notification regarding the status of your\r\n                    application. </p>\r\n                <label for=\"\">2. Document Verification </label>\r\n                <p> - PayG’s team will review and verify the submitted documents. This step is essential to ensure\r\n                    compliance and authenticity. </p>\r\n\r\n\r\n                <h4 class=\"mt-4\"><b>Step 5: Account Activation</b></h4>\r\n                <h4>1. Login to Your Account </h4>\r\n                <p>- After successful verification of your documents, you will receive a notification confirming your\r\n                    registration approval.\r\n                </p>\r\n                <p>  - You can now log in to your account using your registered credentials.</p>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <img src=\"./assets/Screenshot 2024-11-04 191519.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                </div>\r\n\r\n\r\n                <label for=\"\" class=\"mt-3\">Once logged in, you will gain access to our payment solutions, APIs, and\r\n                    other resources\r\n                    necessary for integration and operation. </label>\r\n                <label for=\"\">By following these steps, resellers can effectively onboard with PayG and leverage our\r\n                    payment\r\n                    solutions to expand their business offerings and serve their clients efficiently.</label>\r\n\r\n\r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span class=\"videoHover\" style=\"cursor: pointer;\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >\r\n                                    Introduction to\r\n                                    Payment Gateways\r\n                                </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\">Introduction </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">\r\n                                    Registration  Process </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <!-- <div class=\"col-md-12 \">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">Benefits of Being a Reseller </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#5\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('5')\"> How Resellers Can Benefit from PayG</span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div> -->\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n\r\n\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/introduction-reseller']\"><button class=\"btn btn-color\"\r\n                        (click)=\"menues('Creating Profile')\"> <img src=\"./assets/Arrow 3.svg\" alt=\"\"> &nbsp;\r\n                        Introduction\r\n\r\n                        &nbsp;</button></a>\r\n\r\n            </div>\r\n            <div class=\"col-md-4 \">\r\n                <a [routerLink]=\"['/login-with-qr']\"> <button class=\"btn btn-color\">Login with QR\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","import { Component, ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n\r\n@Component({\r\n  selector: 'app-login-with-qr',\r\n  templateUrl: './login-with-qr.component.html',\r\n  styleUrls: ['./login-with-qr.component.css']\r\n})\r\nexport class LoginWithQrComponent {\r\n\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n\r\n\r\n}\r\n","<app-share-button ></app-share-button>\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>\r\n                        Login Process through QR </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"> <a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-2 col2\"><button class=\"btn share\"><img src=\"./assets/share (5).svg\"\r\n                            style=\"width: 30px;\" alt=\"\"></button>\r\n                </div> -->\r\n                \r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"2\">\r\n                    <h2>Introduction </h2>\r\n                    <label for=\"\" class=\"mt-2\">This document provides a step-by-step guide for directly logging into the\r\n                        PayG Reseller account on the web through QR scanning. Follow the instructions carefully to\r\n                        ensure a smooth setup process. </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5  \" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"3\">\r\n\r\n\r\n                    <h4 class=\"mt-2\"><b>Step 1: Download the PayG RMS App </b></h4>\r\n                    <label for=\"\">To begin, you must download the PayG RMS App on your mobile phone. The\r\n                        app is available for both Android and IOS devices</label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3 \" style=\"text-align: center;\">\r\n                            <img src=\"./assets/reseller(1).svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <h4 class=\"mt-4\"><b>For Android Users:</b></h4>\r\n                    <div class=\"row\">\r\n                        <label for=\"\"><b>Download Link :</b> Click <a\r\n                                style=\"text-decoration: none; color: rgb(4, 151, 242);\"\r\n                                href=\"https://play.google.com/store/apps/details?id=com.paygdigitals.rms&hl=en\">\r\n                                https://play.google.com/store/apps/details?id=com.paygdigitals.rms&hl=en</a> to access\r\n                            the Google Play Store and download the PayG RMS App. </label>\r\n                            <h4 class=\"mt-4\"><b>For iOS Users: </b></h4>\r\n                        <div class=\"row\">\r\n                            <label for=\"\"><b>Download Link :</b> Click <a\r\n                                    style=\"text-decoration: none; color: rgb(4, 151, 242);\"\r\n                                    href=\"https://apps.apple.com/us/app/payg-rms/id6463256232\">\r\n                                    https://apps.apple.com/us/app/payg-rms/id6463256232</a> to access the App Store and\r\n                                download the PayG RMS App. </label>\r\n\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b>QR Code </b></h4>\r\n                        <label for=\"\">Scan the QR code below using your device’s camera or a QR code scanner app to be\r\n                            directed to the Play Store or App store </label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\" style=\"text-align: center;\">\r\n                                <img src=\"./assets/QR code both.svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        \r\n                            <!-- <h4 class=\"mt-4\"><b>QR Code </b></h4>\r\n                            <label for=\"\">Scan the QR code below using your device’s camera or a QR code scanner app to\r\n                                be directed to the App Store </label>\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-12 mt-3\" style=\"text-align: center;\">\r\n                                    <img src=\"./assets/RMS_PayG_ iOS_QR.png\" width=\"200px\" height=\"200px\"\r\n                                        alt=\"\">\r\n                                </div>\r\n                            </div> -->\r\n\r\n                        </div>\r\n                        <h4 class=\"mt-4\"><b>Step 2: Open the App and Log In</b></h4>\r\n                        <label for=\"\">Once the app is successfully downloaded, locate the PayG RMS app on your mobile\r\n                            device and tap to open it. </label>\r\n                        <label for=\"\"><b>Login:</b> Enter your user credentials (username and password) in the\r\n                            designated fields. Ensure your information is entered correctly to avoid login issues.\r\n                        </label>\r\n\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\" style=\"text-align: center;\">\r\n                                <img src=\"./assets/reseller(4).svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <h4 class=\"mt-4\"><b>Step 3: Access the Profile Section</b></h4>\r\n                        <label for=\"\">After logging in, you will be directed to the mobile app dashboard. Look for the\r\n                            profile icon, typically located on the left-hand side of the dashboard. </label>\r\n\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\" style=\"text-align: center;\">\r\n                                <img src=\"./assets/reseller(5).svg\" width=\"300px\" height=\"500px\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <h4 class=\"mt-4\"><b>Step 4: Select Web Scanner to Login</b></h4>\r\n                        <label for=\"\">Web Scanner Option: Locate and select the “Web Scanner to Login” option. This\r\n                            feature allows you to log in to the web by scanning the QR code. </label>\r\n\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\" style=\"text-align: center;\">\r\n                                <img src=\"./assets/reseller(6).svg\" width=\"300px\" height=\"500px\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <h4 class=\"mt-4\"><b>Step 5: Scan the QR Code</b></h4>\r\n                        <h4>To complete the login process on the web platform: </h4>\r\n                        <label for=\"\">Position your mobile device's camera over the QR code displayed on the web page.\r\n                            Make sure the QR code is well centered in the camera’s viewfinder for optimal scanning.\r\n                        </label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\" style=\"text-align: center;\">\r\n                                <img src=\"./assets/qr scna.svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <label class=\"mt-3\" for=\"\">Once the QR code is successfully scanned, you will be automatically logged into\r\n                            the PayG RMS web platform, allowing you to access all available functionalities. </label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/reseller(8).svg\" width=\"100%\"\r\n                                    height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <h4 class=\"mt-4\">Conclusion </h4>\r\n                        <label for=\"\">You have completed the initial setup and login process for the PayG RMS App. If\r\n                            you encounter any issues during this process, please consult the support section of the app\r\n                            or contact customer support for further assistance. </label>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n        <div class=\"col-md-4 hide-tbl content2 \">\r\n            <div class=\"card crd p-4\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                        <h5>\r\n                            Table of Contents:\r\n                        </h5>\r\n\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2\">\r\n                        <!-- <a href=\"#1\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                        alt=\"\"> &nbsp;</div>\r\n                                <div class=\"col-md-10\">\r\n                                    <span class=\"videoHover\" style=\"cursor: pointer;\"\r\n                                        [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                        >\r\n                                        Introduction to\r\n                                        Payment Gateways\r\n                                    </span>\r\n                                  \r\n                                </div>\r\n                            </div>\r\n                        </a> -->\r\n                    </div>\r\n                    <div class=\"col-md-12 \">\r\n                        <a href=\"#2\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                    &nbsp;\r\n                                </div>\r\n                                <div class=\"col-md-10\">\r\n                                    <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                        (click)=\"color('2')\">Introduction  </span>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    </div>\r\n                    <div class=\"col-md-12 \">\r\n                        <a href=\"#3\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                    &nbsp;\r\n                                </div>\r\n                                <div class=\"col-md-10\">\r\n                                    <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                        (click)=\"color('3')\">\r\n                                        Login Process </span>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    </div>\r\n                    <!-- <div class=\"col-md-12 \">\r\n                        <a href=\"#4\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                    &nbsp;\r\n                                </div>\r\n                                <div class=\"col-md-10\">\r\n                                    <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                        (click)=\"color('4')\">Benefits of Being a Reseller </span>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    </div>\r\n                    <div class=\"col-md-12 \">\r\n                        <a href=\"#5\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                    &nbsp;\r\n                                </div>\r\n                                <div class=\"col-md-10\">\r\n                                    <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                        (click)=\"color('5')\"> How Resellers Can Benefit from PayG</span>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    </div> -->\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-9 hide ft-9\">\r\n            <hr>\r\n            <div class=\" row crd\">\r\n                <div class=\"col-md-8    \">\r\n                    <a [routerLink]=\"['/registration-process']\"><button class=\"btn btn-color\"\r\n                            (click)=\"menues('Creating Profile')\"> <img src=\"./assets/Arrow 3.svg\" alt=\"\">\r\n                            &nbsp;Registration Process\r\n                            &nbsp;</button></a>\r\n                </div>\r\n                <div class=\"col-md-4    \">\r\n                    <a [routerLink]=\"['/manual-login']\"> <button class=\"btn btn-color\">Manual Login \r\n                            &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n</div>","import { Component, ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n\r\n@Component({\r\n  selector: 'app-manual-login',\r\n  templateUrl: './manual-login.component.html',\r\n  styleUrls: ['./manual-login.component.css']\r\n})\r\nexport class ManualLoginComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n\r\n\r\n\r\n\r\n}\r\n","<app-share-button ></app-share-button>\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>Introduction\r\n                    </h2>\r\n                </div>\r\n                <!-- <div class=\"col-md-2 col2\"><button class=\"btn share\"><img src=\"./assets/share (5).svg\"\r\n                            style=\"width: 30px;\" alt=\"\"></button>\r\n                </div> -->\r\n                <div class=\"col-md-2 col2 \"> <a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"2\">\r\n                    <h2> </h2>\r\n                    <label for=\"\" class=\"mt-2\">This document outlines the detailed steps for logging into the PayG\r\n                        Reseller platform. Follow these instructions carefully to ensure a successful login. </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2  \" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"3\">\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>Step 1: Visit our website at <a> www.payg.in </a>and click on Login As “Reseller” </b>\r\n                    </h4>\r\n                    <label for=\"\"></label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                             <img src=\" ./assets/rr-otp(1).svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>Step 2: Enter your Email/Phone and Password and click on login</b></h4>\r\n                    <label for=\"\"> </label>\r\n\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                             <img src=\" ./assets/rr-top(2).svg\" width=\"100%\" height=\"100%\" alt=\"\"> \r\n                        </div>\r\n                    </div>\r\n\r\n                    <h4 class=\"mt-4\"><b>Step 3: Your OTP will be sent to your PayG RMS app. If you don’t have the app,\r\n                            first download PayG RMS app and then login in your app to get the OTP</b></h4>\r\n                    <label for=\"\"></label>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                             <img src=\"./assets/Screenshot 2024-10-30 123903.png\" width=\"100%\" height=\"100%\" alt=\"\"> \r\n                            <label class=\"mt-2 mb-2\">Download the PayG RMS app from the Play Store. </label>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                    <h4 class=\"mt-5\"><b>Step 4:Check the app for OTP. When you login to your app it will directly show\r\n                            you your OTP with a pop-up notification</b></h4>\r\n                    <label for=\"\"> </label>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\" style=\"text-align: center;\">\r\n                             <img src=\" ./assets/rr-otp(4).svg\" width=\"200px\" height=\"400px\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <h4 class=\"mt-4\"><b>Step 5:Enter the OTP you got on your app on the web to login</b></h4>\r\n\r\n                    <label for=\"\"> </label>\r\n\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                            <img src=\" ./assets/rr-orp(5).svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <h4 class=\"mt-4\">After entering the OTP, you will login to your dashboard </h4>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                            <img src=\" ./assets/rr-otp(6).svg\" width=\"100%\" height=\"100%\" alt=\"\"> \r\n                        </div>\r\n                    </div>\r\n                    <h4 class=\"mt-4\">Note: If you didn’t see the OTP on the dashboard. Click on left handside on profile\r\n                        and then click on “View OTP” </h4>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\" style=\"text-align: center;\">\r\n                            <img src=\" ./assets/rr-otp(7).svg\" width=\"200px\" height=\"400px\" alt=\"\"> \r\n                        </div>\r\n                    </div>\r\n\r\n                    <label class=\"mt-3\">You have now successfully navigated the login process for the PayG RMS platform using the\r\n                        app. If you encounter any issues, please refer to the support section of the app or contact\r\n                        customer support for assistance. </label>\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        Table of Contents:\r\n                    </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span class=\"videoHover\" style=\"cursor: pointer;\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >\r\n                                    Introduction to\r\n                                    Payment Gateways\r\n                                </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\">Introduction </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">\r\n                                    Login  Process with OTP </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <!-- <div class=\"col-md-12 \">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">Benefits of Being a Reseller </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#5\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('5')\"> How Resellers Can Benefit from PayG</span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div> -->\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8    \">\r\n                <a [routerLink]=\"['/login-with-qr']\"><button class=\"btn btn-color\"\r\n                        (click)=\"menues('Creating Profile')\"> <img src=\"./assets/Arrow 3.svg\" alt=\"\"> &nbsp;Login with QR\r\n                        &nbsp;</button></a>\r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/payment-link']\"> <button class=\"btn btn-color\">Payment link\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","import { Component, ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n\r\n@Component({\r\n  selector: 'app-reseller-intro-hindi',\r\n  templateUrl: './reseller-intro-hindi.component.html',\r\n  styleUrls: ['./reseller-intro-hindi.component.css']\r\n})\r\nexport class ResellerIntroHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n    if (this.child == '4') {\r\n\r\n      this.up3 = false;\r\n      this.down3 = true;\r\n      \r\n\r\n    }\r\n    if(this.child == '5'){\r\n      this.up4 = false;\r\n      this.down4 = true;\r\n    }\r\n\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  up3: boolean = true;\r\n  down3: boolean = false;\r\n  up4:boolean = true;\r\n  down4:boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n    this.down=false;\r\n    this.up1 = true;\r\n    this.down1=false;\r\n    this.up2 = true;\r\n    this.down2=false;\r\n    this.up3 = true;\r\n    this.down3=false;\r\n    this.up4= true;\r\n    this.down4=false;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n// if(this.showcolor==true && this.showcl=='6')\r\n//   {\r\n//   this.colors=\"6\";\r\n//   }\r\n  \r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n\r\n\r\n}\r\n","<app-share-button ></app-share-button>\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>\r\n                        परिचय </h2>\r\n                </div>\r\n                <!-- <div class=\"col-md-2 col2\"><button class=\"btn share\"><img src=\"./assets/share (5).svg\"\r\n                            style=\"width: 30px;\" alt=\"\"></button>\r\n                </div> -->\r\n                <div class=\"col-md-2 col2 \"> <a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"2\">\r\n                    <h2>पुनर्विक्रेता का परिचय</h2>\r\n                    <label for=\"\" class=\"mt-2\">व्यवसाय की निरंतर बदलती दुनिया में, पुनर्विक्रेता एक महत्वपूर्ण भूमिका निभाते हैं वितरण श्रृंखला में. इस दस्तावेज़ का उद्देश्य पुनर्विक्रेता क्या है इसका विस्तृत अवलोकन प्रदान करना है\r\n                        वह है, वे क्या लाभ प्रदान करते हैं, और वे अपनी स्थिति का अधिकतम लाभ कैसे उठा सकत। लाभप्रदता और वृद्धि, विशेष रूप से PayG क्षेत्र में। </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"3\">\r\n                    <h2>पुनर्विक्रेता क्या है?</h2>\r\n                    <label for=\"\" class=\"mt-3\">पुनर्विक्रेता एक व्यवसाय या व्यक्ति है जो उत्पाद खरीदता है या\r\n                        किसी निर्माता या वितरक की सेवाएँ जो उन्हें अंतिम ग्राहकों को बेचने का इरादा रखती हैं। पुनर्विक्रेताओं\r\n                        प्रौद्योगिकी, उपभोक्ता वस्तुओं और वित्तीय सेवाओं सहित विभिन्न क्षेत्रों में काम कर सकते हैं।\r\n                        वे अक्सर ग्राहक सहायता, प्रशिक्षण आदि जैसी अतिरिक्त सेवाओं के माध्यम से मूल्य जोड़ते हैं\r\n                        अनुकूलन </label>\r\n\r\n\r\n                    <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'4')\" (mouseout)=\"showpayment(false,'4')\"\r\n                        id=\"4\">\r\n                        <h2>\r\n                            रिसेलर बनने के लाभ \r\n                        </h2>\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b>1. कम ओवरहेड लागत:</b></h4>\r\n                        <label for=\"\">\r\n                            रिसेलर्स न्यूनतम निवेश के साथ काम कर सकते हैं, खासकर जब बिज़नेस को शून्य से शुरू करने की तुलना की जाए। उन्हें निर्माण या उत्पाद विकास में भारी निवेश करने की आवश्यकता नहीं होती।</label>\r\n\r\n                        <h4 class=\"mt-4\"><b>2.स्थापित उत्पादों तक पहुंच:</b></h4>\r\n                        <label for=\"\">रिसेलर्स ऐसे उत्पाद और सेवाएं प्रदान कर सकते हैं जो पहले से ही बाजार में परीक्षण किए जा चुके हैं, जिससे नए उत्पाद लॉन्च से जुड़े जोखिम कम हो जाते हैं।</label>\r\n\r\n                        <h4 class=\"mt-4\"><b>3.  लचीलापन और स्केलेबिलिटी:</b></h4>\r\n                        <label for=\"\">\r\n                            रिसेलर्स बाजार की मांग के अनुसार अपने इन्वेंट्री और उत्पादों को तेजी से अनुकूलित कर सकते हैं, जिससे वे अपने संचालन को प्रभावी ढंग से बढ़ा सकते हैं।</label>\r\n\r\n                        <h4 class=\"mt-4\"><b>4.विविध आय स्रोत:</b></h4>\r\n                        <label for=\"\">कई आपूर्तिकर्ताओं के साथ साझेदारी करके, रिसेलर्स अपने उत्पादों की रेंज और आय के स्रोतों को विविधता प्रदान कर सकते हैं, जिससे किसी एक उत्पाद या आपूर्तिकर्ता पर निर्भरता कम होती है। </label>\r\n\r\n                        <h4 class=\"mt-4\"><b>5.नेटवर्किंग के अवसर:</b></h4>\r\n                        <label for=\"\">कई विक्रेताओं और ग्राहकों के साथ काम करने से रिसेलर्स को मूल्यवान संबंध बनाने का अवसर मिलता है, जो उनके बाजार में उपस्थिति और व्यापार संभावनाओं को बढ़ाता है।</label>\r\n\r\n                        <h4 class=\"mt-4\"><b> 6. बाजार ज्ञान:</b></h4>\r\n                        <label for=\"\">\r\n                            रिसेलर्स अक्सर उपभोक्ता की प्राथमिकताओं और प्रवृत्तियों को समझते हैं, जो उनके खरीदारी और बिक्री रणनीतियों को सूचित कर सकता है। </label>\r\n                    </div>\r\n\r\n                    <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'5')\" (mouseout)=\"showpayment(false,'5')\"\r\n                        id=\"5\">\r\n                        <h2> \r\n                            रिसेलर्स PayG से कैसे लाभ उठा सकते हैं</h2>\r\n                        <label for=\"\">\r\n                            PayG (Pay-as-you-go) परिदृश्य में, रिसेलर्स को तकनीकी नवाचारों का लाभ उठाने के लिए विशिष्ट अवसर मिलते हैं। यहाँ बताया गया है कि वे कैसे लाभ उठा सकते हैं:: </label>\r\n\r\n                        <h4 class=\"mt-4\"><b> 1. बेहतर उत्पाद पेशकश </b></h4>\r\n                        <label for=\"\">PayG के साथ साझेदारी करके, रिसेलर्स उन्नत वित्तीय उत्पादों जैसे भुगतान प्रसंस्करण समाधान, लेंडिंग प्लेटफॉर्म और अकाउंटिंग सॉफ़्टवेयर प्रदान कर सकते हैं। यह नए ग्राहकों को आकर्षित करने और मौजूदा ग्राहकों को बनाए रखने में मदद कर सकता है।. </label>\r\n\r\n                        <h4 class=\"mt-4\"><b>2. बेहतर ग्राहक अनुभव </b></h4>\r\n                        <label for=\"\">PayG समाधान का उपयोग करने से संचालन को सुगम बनाया जा सकता है, लेन-देन की गति में सुधार हो सकता है, और ग्राहक समर्थन को बढ़ाया जा सकता है, जिससे अंत-उपयोगकर्ताओं के लिए समग्र अनुभव बेहतर होता है। </label>\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b>3.प्रतिस्पर्धात्मक लाभ </b></h4>\r\n                        <label for=\"\">जो रिसेलर्स नवाचारी PayG समाधान अपनाते हैं, वे एक प्रतिस्पर्धी बाजार में खुद को अलग कर सकते हैं, और ग्राहकों के साथ मेल खाने वाली विशिष्ट मूल्य प्रस्तावों को प्रदान कर सकते हैं। </label>\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b> 4.प्रशिक्षण और समर्थन </b></h4>\r\n                        <label for=\"\">PayG अक्सर अपने रिसेलर्स के लिए प्रशिक्षण और समर्थन प्रदान करता है, जिससे उन्हें उत्पादों को प्रभावी तरीके से मार्केटिंग और बिक्री करने के लिए आवश्यक ज्ञान प्राप्त होता है।</label>\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b> 5. लाभ मार्जिन में वृद्धि</b></h4>\r\n                        <label for=\"\">\r\n                            PayG समाधानों को अपनाकर, रिसेलर्स अपने संचालन को बेहतर बना सकते हैं, लागत को कम कर सकते हैं, और मूल्य-वर्धित सेवाओं के माध्यम से अपने लाभ मार्जिन को बढ़ा सकते हैं।</label>\r\n                    </div>\r\n\r\n                    <div class=\"col-md-12 mt-5\" (mouseover)=\"showpayment(true,'6')\" (mouseout)=\"showpayment(false,'6')\"\r\n                        id=\"6\">\r\n                        <h2> रिसेलर्स के लिए सर्वोत्तम प्रथाएँ </h2>\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b> 1.अपने बाजार को समझें: </b></h4>\r\n                        <label for=\"\">\r\n                            ग्राहकों की आवश्यकताओं और बाजार प्रवृत्तियों की पहचान करने के लिए गहन शोध करें। यह आपके उत्पादों को मांग के अनुसार अनुकूलित करने में मदद करेगा। </label>\r\n\r\n                        <h4 class=\"mt-4\"><b>2.   मजबूत रिश्ते बनाएं: </b></h4>\r\n                        <label for=\"\">PayG और ग्राहकों के साथ संबंध विकसित करें। मजबूत साझेदारियाँ बेहतर मूल्य निर्धारण, विशिष्ट उत्पादों, और संयुक्त मार्केटिंग अवसरों की ओर ले जा सकती हैं। </label>\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b>3. प्रौद्योगिकी का लाभ उठाएं: </b></h4>\r\n                        <label for=\"\">बिक्री रणनीतियों और ग्राहक सहभागिता को बढ़ाने के लिए डिजिटल मार्केटिंग उपकरणों और डेटा विश्लेषण का उपयोग करें।                        </label>\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b>4. सूचित रहें: </b></h4>\r\n                        <label for=\"\">PayG में नवीनतम विकासों से आगे रहें ताकि आप प्रतिस्पर्धी बने रहें।</label>\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b>5.\r\n                            ग्राहक समर्थन पर ध्यान दें: </b></h4>\r\n                        <label for=\"\">\r\n                            उत्कृष्ट ग्राहक सेवा प्रदान करना आपके व्यवसाय को अलग कर सकता है और ग्राहकों के बीच दीर्घकालिक वफादारी को बढ़ावा दे सकता है।</label>\r\n\r\n\r\n\r\n                    </div>\r\n                    <p>अधिक जानकारी, संसाधनों या सहायता के लिए, कृपया हमारे समर्थन टीम से संपर्क करने में संकोच न करें। </p>\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        विषयसूची:\r\n                    </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span class=\"videoHover\" style=\"cursor: pointer;\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >\r\n                                    Introduction to\r\n                                    Payment Gateways\r\n                                </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\">\r\n                                    रिसेलर का परिचय </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">\r\n                                    रिसेलर क्या है? </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">\r\n                                    रिसेलर बनने के लाभ </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#5\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('5')\"> रिसेलर्स PayG  से कैसे लाभ उठा सकते हैं</span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#6\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='6'}\"\r\n                                    (click)=\"color('6')\">रिसेलर्स के लिए सर्वोत्तम प्रथाएँ </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/merchant-dashboard']\"><button class=\"btn btn-color\"\r\n                        (click)=\"menues('Creating Profile')\"> <img src=\"./assets/Arrow 3.svg\" alt=\"\"> &nbsp;व्यापारी डैशबोर्ड\r\n                        &nbsp;</button></a>\r\n            </div>\r\n            <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/registration-process']\"> <button class=\"btn btn-color\">पंजीकरण प्रक्रिया\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n","<app-introduction-reseller *ngIf=\"english\"></app-introduction-reseller>\r\n<app-reseller-intro-hindi *ngIf=\"hindi\"></app-reseller-intro-hindi>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-reseller-intro-main',\r\n  templateUrl: './reseller-intro-main.component.html',\r\n  styleUrls: ['./reseller-intro-main.component.css']\r\n})\r\nexport class ResellerIntroMainComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n\r\n}\r\n","import { Component, ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n\r\n@Component({\r\n  selector: 'app-registration-process-hindi',\r\n  templateUrl: './registration-process-hindi.component.html',\r\n  styleUrls: ['./registration-process-hindi.component.css']\r\n})\r\nexport class RegistrationProcessHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n\r\n\r\n}\r\n","<app-share-button ></app-share-button>\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>\r\n                    </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"> <a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-2 col2\"><button class=\"btn share\"><img src=\"./assets/share (5).svg\"\r\n                            style=\"width: 30px;\" alt=\"\"></button>\r\n                </div> -->\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"2\">\r\n                    <h2>PayG के रेसलर्स के लिए ऑनबोर्डिंग प्रोसेस  </h2>\r\n                    <label for=\"\" class=\"mt-2\">PayG पर रेसलर्स के लिए ऑनबोर्डिंग प्रोसेस इस तरह से डिज़ाइन किया गया है, ताकि वे हमारी पेमेंट गेटवे सर्विसेज़ से आसानी से जुड़ सकें, साथ ही सभी नियमों का पालन करते हुए अपने क्लाइंट्स को अच्छे से सर्व कर सकें। नीचे हमने हर एक स्टेप को विस्तार से बताया है। </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5  \" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"3\">\r\n\r\n\r\n                    <h4 class=\"mt-4\">स्टेप 1: शुरुआत में रजिस्ट्रेशन  </h4>\r\n                    <label for=\"\">1.वेबसाइट पर जाएं\r\n                    </label><br>\r\n                    <label for=\"\">सबसे पहले, हमारी आधिकारिक वेबसाइट  पर जाएं।  <a style=\"color: #09BCE1;\" href=\"https://payg.in/\">www.payg.in</a> </label>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3 \" style=\"text-align: center;\">\r\n                            <img src=\"./assets/visitourweb.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <label class=\"mt-2\">2.लॉगिन या रजिस्टर करें</label><br>\r\n                    <label for=\"\">\"Login\" बटन पर क्लिक करें, फिर \"Reseller\" ऑप्शन को चुनें। अगर आप नए यूज़र हैं, तो \"Register as Reseller\" पर क्लिक करें। </label><br>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3 \" style=\"text-align: center;\">\r\n                            <img src=\"./assets/loginreg.jpg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                </div>\r\n                <h4 class=\"mt-4\"><b>स्टेप 2: रजिस्ट्रेशन डिटेल्स भरना </b></h4>\r\n                <label for=\"\">1.बेसिक जानकारी भरें </label>\r\n                <ul style=\"padding: 1% 0% 1% 6%;\">\r\n                    <li> नाम </li>\r\n                    <li>ईमेल पता</li>\r\n                    <li>मोबाइल नंबर</li>\r\n                    <li>कंपनी का नाम </li>\r\n                    <li>पैन कार्ड  </li>\r\n                </ul>\r\n                <label for=\"\">सभी जानकारी भरने के बाद, \"Register\" बटन पर क्लिक करें। \r\n                </label>\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/basicinfo.jpg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n\r\n                <label for=\"\" class=\"mt-3\">2. OTP वेरिफिकेशन </label>\r\n                <label for=\"\">-अपने रजिस्टर्ड मोबाइल नंबर पर भेजे गए OTP को दर्ज करें </label>\r\n\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/otphere.jpg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n                <label for=\"\" class=\"mt-3\"> - अपने अकाउंट के लिए एक मजबूत पासवर्ड बनाएं। </label>\r\n\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/strongpass.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n                <h4 class=\"mt-4\"><b>स्टेप 3: बिजनेस जानकारी </b></h4>\r\n                <label for=\"\">1. बिजनेस का पता \r\n                    </label>\r\n                <p> -अपने बिजनेस का पूरा पता दें, जिसमें शामिल हो: </p>\r\n                <p>- राज्य </p>\r\n                <p> -  पिन कोड </p>\r\n                <p> -   शहर का नाम  </p>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/Screenshot 2024-11-04 191719.png\" width=\"100%\" height=\"100%\"\r\n                            alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n                <label for=\"\" class=\"mt-3\">2.बिजनेस डिटेल्स</label>\r\n                <p>- अतिरिक्त बिजनेस जानकारी भरें, जैसे:</p>\r\n                <p> -कंपनी का नाम </p>\r\n                <p> - वार्षिक टर्नओवर </p>\r\n                <p> - वेबसाइट URL  </p>\r\n                <p> - कंपनी का पैन नंबर </p>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/Screenshot 2024-11-04 144859.png\" width=\"100%\" height=\"100%\"\r\n                            alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n                <label for=\"\" class=\"mt-3\">3.स्वामी की जानकारी </label>\r\n                <p> - कंपनी के मालिक की जानकारी भरें, जिसमें शामिल हो:</p>\r\n                <p> - नाम  </p>\r\n                <p> - संपर्क जानकारी</p>\r\n                <p> -यह स्टेप बिजनेस की वास्तविकता की पुष्टि करने के लिए बेहद महत्वपूर्ण है।  </p>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/Screenshot 2024-11-04 144928.png\" width=\"100%\" height=\"100%\"\r\n                            alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n\r\n\r\n                <label for=\"\" class=\"mt-3\">4:बैंक विवरण </label>\r\n                <label>1. Bank Information </label>\r\n                <p> - बैंक की जानकारी प्रदान करें, जहां फंड्स सेट्ल होंगे, जिसमें शामिल हो:  </p>\r\n                <p> -बैंक का नाम  </p>\r\n                <p> -खाता नंबर   </p>\r\n                <p> -IFSC कोड  </p>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/Screenshot 2024-11-04 144949.png\" width=\"100%\" height=\"100%\"\r\n                            alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n                <label for=\"\" class=\"mt-3\"> 5:दस्तावेज़ अपलोड     </label>\r\n                <label>1.दस्तावेज़ सबमिशन  </label>\r\n                <p> - अपनी आवेदन को सपोर्ट करने के लिए आवश्यक दस्तावेज़ अपलोड करें। इसमें शामिल हो सकते हैं:</p>\r\n                <p> - बिजनेस रजिस्ट्रेशन सर्टिफिकेट</p>\r\n                <p> -पैन कार्ड  </p>\r\n                <p> - पते का प्रमाण </p>\r\n                <p>- बैंक स्टेटमेंट   </p>\r\n                <p> -सुनिश्चित करें कि सभी दस्तावेज़ स्पष्ट और पढ़ने योग्य हों ताकि वेरिफिकेशन में कोई परेशानी न हो। </p>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/Screenshot 2024-11-04 145016.png\" width=\"100%\" height=\"100%\"\r\n                            alt=\"\">\r\n                    </div>\r\n                </div>\r\n\r\n                <h4 class=\"mt-4\"><b>स्टेप 4: रजिस्ट्रेशन पूरा करना  </b></h4>\r\n                <label for=\"\">1. रजिस्ट्रेशन कंफर्मेशन </label>\r\n                <p>- जब सारी जानकारी भर दी जाए और दस्तावेज़ अपलोड कर दिए जाएं, तो आपका रजिस्ट्रेशन प्रोसेस किया जाएगा।\r\n                </p>\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 mt-3\">\r\n                        <img src=\"./assets/Screenshot 2024-11-04 191331.png\" width=\"100%\" height=\"100%\"\r\n                            alt=\"\">\r\n                    </div>\r\n                </div>\r\n                <p class=\"mt-3\"> - आपको आपके आवेदन की स्थिति के बारे में एक कंफर्मेशन नोटिफिकेशन मिलेगा।  </p>\r\n                <label for=\"\">2.दस्तावेज़ वेरिफिकेशन  </label>\r\n                <p> - PayG की टीम आपके द्वारा अपलोड किए गए दस्तावेज़ की समीक्षा और वेरिफाई करेगी। यह स्टेप नियमों के पालन और वास्तविकता को सुनिश्चित करने के लिए महत्वपूर्ण है। </p>\r\n\r\n\r\n                <h4 class=\"mt-4\"><b>स्टेप 5: अकाउंट सक्रियकरण  </b></h4>\r\n                <h4>1.अपने अकाउंट में लॉगिन करें</h4>\r\n                <p>-दस्तावेज़ की सफल वेरिफिकेशन के बाद, आपको आपके रजिस्ट्रेशन की स्वीकृति की पुष्टि करने वाला नोटिफिकेशन मिलेगा।\r\n                </p>\r\n                <p>  -अब आप अपने रजिस्टर्ड क्रेडेंशियल्स का उपयोग करके अपने अकाउंट में लॉगिन कर सकते हैं। </p>\r\n                <div class=\"col-md-12 mt-3\">\r\n                    <img src=\"./assets/Screenshot 2024-11-04 191519.png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                </div>\r\n\r\n\r\n                <label for=\"\" class=\"mt-3\">लॉगिन करने के बाद, आपको हमारी पेमेंट सॉल्यूशंस, APIs और अन्य संसाधनों तक पहुंच मिल जाएगी, जो इंटीग्रेशन और ऑपरेशन के लिए आवश्यक हैं। </label>\r\n                <label for=\"\">इन स्टेप्स का पालन करके, रेसलर्स PayG के साथ आसानी से ऑनबोर्ड हो सकते हैं और हमारी पेमेंट सॉल्यूशंस का उपयोग करके अपने बिजनेस को बढ़ा सकते हैं और अपने क्लाइंट्स को प्रभावी तरीके से सर्व कर सकते हैं। </label>\r\n\r\n\r\n\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        विषयसूची:                      </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span class=\"videoHover\" style=\"cursor: pointer;\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >\r\n                                    Introduction to\r\n                                    Payment Gateways\r\n                                </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\">परिचय </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">\r\n                                    पंजीकरण प्रक्रिया </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <!-- <div class=\"col-md-12 \">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">Benefits of Being a Reseller </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#5\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('5')\"> How Resellers Can Benefit from PayG</span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div> -->\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n\r\n\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8\">\r\n                <a [routerLink]=\"['/introduction-reseller']\"><button class=\"btn btn-color\"\r\n                        (click)=\"menues('Creating Profile')\"> <img src=\"./assets/Arrow 3.svg\" alt=\"\"> &nbsp;\r\n                        परिचय\r\n\r\n                        &nbsp;</button></a>\r\n\r\n            </div>\r\n            <div class=\"col-md-4 \">\r\n                <a [routerLink]=\"['/login-with-qr']\"> <button class=\"btn btn-color\">QR से लॉगिन करें\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","<app-registration-process *ngIf=\"english\"></app-registration-process>\r\n<app-registration-process-hindi *ngIf=\"hindi\"></app-registration-process-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-registration-process-main',\r\n  templateUrl: './registration-process-main.component.html',\r\n  styleUrls: ['./registration-process-main.component.css']\r\n})\r\nexport class RegistrationProcessMainComponent {\r\n  \r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n\r\n}\r\n","import { Component, ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n\r\n@Component({\r\n  selector: 'app-login-with-qr-hindi',\r\n  templateUrl: './login-with-qr-hindi.component.html',\r\n  styleUrls: ['./login-with-qr-hindi.component.css']\r\n})\r\nexport class LoginWithQrHindiComponent {\r\n\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n\r\n}\r\n","<app-share-button ></app-share-button>\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>\r\n                        लॉगिन प्रोसेस QR के माध्यम से   </h2>\r\n                </div>\r\n                <div class=\"col-md-2 col2 \"> <a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <!-- <div class=\"col-md-2 col2\"><button class=\"btn share\"><img src=\"./assets/share (5).svg\"\r\n                            style=\"width: 30px;\" alt=\"\"></button>\r\n                </div> -->\r\n                \r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-3\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"2\">\r\n                    <h2>परिचय </h2>\r\n                    <label for=\"\" class=\"mt-2\">यह दस्तावेज़ PayG रेसलर अकाउंट में वेब के माध्यम से सीधे QR स्कैनिंग से लॉगिन करने के लिए एक स्टेप-बाय-स्टेप गाइड प्रदान करता है। सेटअप प्रक्रिया को सुचारू रूप से पूरा करने के लिए निर्देशों का ध्यानपूर्वक पालन करें। </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-5  \" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"3\">\r\n\r\n\r\n                    <h4 class=\"mt-2\"><b>स्टेप 1: PayG RMS ऐप डाउनलोड करें </b></h4>\r\n                    <label for=\"\">शुरू करने के लिए, आपको अपने मोबाइल फोन पर PayG RMS ऐप डाउनलोड करना होगा। यह ऐप एंड्रॉइड और iOS दोनों डिवाइसों के लिए उपलब्ध है।</label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3 \" style=\"text-align: center;\">\r\n                            <img src=\"./assets/reseller(1).svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <h4 class=\"mt-4\"><b>एंड्रॉइड यूज़र्स के लिए: </b></h4>\r\n                    <div class=\"row\">\r\n                        <label for=\"\"><b>डाउनलोड लिंक:</b> <a\r\n                                style=\"text-decoration: none; color: rgb(4, 151, 242);\"\r\n                                href=\"https://play.google.com/store/apps/details?id=com.paygdigitals.rms&hl=en\">\r\n                                https://play.google.com/store/apps/details?id=com.paygdigitals.rms&hl=en</a> पर क्लिक करें और Google Play Store से PayG RMS ऐप डाउनलोड करें।</label>\r\n                            <h4 class=\"mt-4\"><b>iOS यूज़र्स के लिए:  </b></h4>\r\n                        <div class=\"row\">\r\n                            <label for=\"\"><b>डाउनलोड लिंक:</b>  <a\r\n                                    style=\"text-decoration: none; color: rgb(4, 151, 242);\"\r\n                                    href=\"https://apps.apple.com/us/app/payg-rms/id6463256232\">\r\n                                    https://apps.apple.com/us/app/payg-rms/id6463256232</a>पर क्लिक करें और App Store में जाकर PayG RMS ऐप डाउनलोड करें।</label>\r\n\r\n\r\n\r\n                        <h4 class=\"mt-4\"><b>QR कोड:</b></h4>\r\n                        <label for=\"\">नीचे दिए गए QR कोड को अपने डिवाइस के कैमरा या QR कोड स्कैनर ऐप से स्कैन करें, ताकि आप सीधे App Store पर जाएं और ऐप डाउनलोड कर सकें।</label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\" style=\"text-align: center;\">\r\n                                <img src=\"./assets/QR code both.svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        \r\n                            <!-- <h4 class=\"mt-4\"><b>QR Code </b></h4>\r\n                            <label for=\"\">Scan the QR code below using your device’s camera or a QR code scanner app to\r\n                                be directed to the App Store </label>\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-12 mt-3\" style=\"text-align: center;\">\r\n                                    <img src=\"./assets/RMS_PayG_ iOS_QR.png\" width=\"200px\" height=\"200px\"\r\n                                        alt=\"\">\r\n                                </div>\r\n                            </div> -->\r\n\r\n                        </div>\r\n                        <h4 class=\"mt-4\"><b>स्टेप 2: ऐप खोलें और लॉगिन करें </b></h4>\r\n                        <label for=\"\">ऐप सफलतापूर्वक डाउनलोड होने के बाद, अपने मोबाइल डिवाइस पर PayG RMS ऐप को ढूंढें और उसे खोलने के लिए टैप करें। </label>\r\n                        <label for=\"\"><b>लॉगिन:</b> अपने यूज़र क्रेडेंशियल्स (यूज़रनेम और पासवर्ड) को निर्धारित फ़ील्ड्स में दर्ज करें। सुनिश्चित करें कि आपकी जानकारी सही ढंग से भरी हो, ताकि लॉगिन में कोई समस्या न हो।</label>\r\n\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\" style=\"text-align: center;\">\r\n                                <img src=\"./assets/reseller(4).svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <h4 class=\"mt-4\"><b>स्टेप 3: प्रोफाइल सेक्शन तक पहुँचें</b></h4>\r\n                        <label for=\"\">लॉगिन करने के बाद, आपको मोबाइल ऐप के डैशबोर्ड पर भेजा जाएगा। प्रोफाइल आइकन को ढूंढें, जो आमतौर पर डैशबोर्ड के बाएं तरफ स्थित होता है। </label>\r\n\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\" style=\"text-align: center;\">\r\n                                <img src=\"./assets/reseller(5).svg\" width=\"300px\" height=\"500px\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <h4 class=\"mt-4\"><b>स्टेप 4: लॉगिन करने के लिए वेब स्कैनर का चयन करें </b></h4>\r\n                        <label for=\"\">वेब स्कैनर ऑप्शन: \"Web Scanner to Login\" ऑप्शन को ढूंढें और चुनें। इस फीचर के जरिए आप QR कोड स्कैन करके वेब पर लॉगिन कर सकते हैं।</label>\r\n\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\" style=\"text-align: center;\">\r\n                                <img src=\"./assets/reseller(6).svg\" width=\"300px\" height=\"500px\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <h4 class=\"mt-4\"><b>स्टेप 5: QR कोड स्कैन करें </b></h4>\r\n                        <h4>वेब प्लेटफॉर्म पर लॉगिन प्रक्रिया को पूरा करने के लिए: </h4>\r\n                        <label for=\"\">अपने मोबाइल डिवाइस के कैमरे को वेब पेज पर दिखाए गए QR कोड के ऊपर रखें। सुनिश्चित करें कि QR कोड कैमरे के व्यूफाइंडर में अच्छी तरह से केंद्रित हो, ताकि स्कैनिंग सही तरीके से हो सके।                     </label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\" style=\"text-align: center;\">\r\n                                <img src=\"./assets/reseler(7).png\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <label class=\"mt-3\" for=\"\">QR कोड सफलतापूर्वक स्कैन होने के बाद, आप स्वतः ही PayG RMS वेब प्लेटफॉर्म पर लॉगिन हो जाएंगे, जिससे आपको सभी उपलब्ध कार्यक्षमताओं तक पहुँच प्राप्त हो जाएगी </label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-12 mt-3\">\r\n                                <img src=\"./assets/reseller(8).svg\" width=\"100%\"\r\n                                    height=\"100%\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <h4 class=\"mt-4\">निष्कर </h4>\r\n                        <label for=\"\">आपने PayG RMS ऐप के लिए प्रारंभिक सेटअप और लॉगिन प्रक्रिया पूरी कर ली है। यदि इस प्रक्रिया के दौरान आपको कोई समस्या आती है, तो कृपया ऐप के सपोर्ट सेक्शन को देखें या अधिक सहायता के लिए कस्टमर सपोर्ट से संपर्क करें।  </label>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n        <div class=\"col-md-4 hide-tbl content2 \">\r\n            <div class=\"card crd p-4\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                        <h5>\r\n                            विषयसूची:                        </h5>\r\n\r\n                    </div>\r\n                    <div class=\"col-md-12 mt-2\">\r\n                        <!-- <a href=\"#1\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                        alt=\"\"> &nbsp;</div>\r\n                                <div class=\"col-md-10\">\r\n                                    <span class=\"videoHover\" style=\"cursor: pointer;\"\r\n                                        [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                        >\r\n                                        Introduction to\r\n                                        Payment Gateways\r\n                                    </span>\r\n                                  \r\n                                </div>\r\n                            </div>\r\n                        </a> -->\r\n                    </div>\r\n                    <div class=\"col-md-12 \">\r\n                        <a href=\"#2\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                    &nbsp;\r\n                                </div>\r\n                                <div class=\"col-md-10\">\r\n                                    <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                        (click)=\"color('2')\">परिचय  </span>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    </div>\r\n                    <div class=\"col-md-12 \">\r\n                        <a href=\"#3\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                    &nbsp;\r\n                                </div>\r\n                                <div class=\"col-md-10\">\r\n                                    <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                        (click)=\"color('3')\">\r\n                                        लॉगिन प्रोसेस</span>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    </div>\r\n                    <!-- <div class=\"col-md-12 \">\r\n                        <a href=\"#4\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                    &nbsp;\r\n                                </div>\r\n                                <div class=\"col-md-10\">\r\n                                    <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                        (click)=\"color('4')\">Benefits of Being a Reseller </span>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    </div>\r\n                    <div class=\"col-md-12 \">\r\n                        <a href=\"#5\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                    &nbsp;\r\n                                </div>\r\n                                <div class=\"col-md-10\">\r\n                                    <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                        (click)=\"color('5')\"> How Resellers Can Benefit from PayG</span>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    </div> -->\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-9 hide ft-9\">\r\n            <hr>\r\n            <div class=\" row crd\">\r\n                <div class=\"col-md-8    \">\r\n                    <a [routerLink]=\"['/registration-process']\"><button class=\"btn btn-color\"\r\n                            (click)=\"menues('Creating Profile')\"> <img src=\"./assets/Arrow 3.svg\" alt=\"\">\r\n                            &nbsp;पंजीकरण प्रक्रिया\r\n                            &nbsp;</button></a>\r\n                </div>\r\n                <div class=\"col-md-4    \">\r\n                    <a [routerLink]=\"['/manual-login']\"> <button class=\"btn btn-color\">मैनुअल लॉगिन \r\n                            &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n</div>","<app-login-with-qr *ngIf=\"english\"></app-login-with-qr>\r\n<app-login-with-qr-hindi *ngIf=\"hindi\"></app-login-with-qr-hindi>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-login-with-qr-main',\r\n  templateUrl: './login-with-qr-main.component.html',\r\n  styleUrls: ['./login-with-qr-main.component.css']\r\n})\r\nexport class LoginWithQrMainComponent {\r\n\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n\r\n}\r\n","import { Component, ViewChild } from '@angular/core';\r\nimport { ShareButtonComponent } from 'src/app/share-button/share-button.component';\r\n\r\n@Component({\r\n  selector: 'app-manual-login-hindi',\r\n  templateUrl: './manual-login-hindi.component.html',\r\n  styleUrls: ['./manual-login-hindi.component.css']\r\n})\r\nexport class ManualLoginHindiComponent {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  @ViewChild(ShareButtonComponent) shareButton!: ShareButtonComponent;\r\n  openShareOptions() {      \r\n    this.shareButton.setData(true)   ;\r\n  }\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n  \r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n\r\n\r\n\r\n}\r\n","<app-share-button ></app-share-button>\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-md-8  ScrollStyle-1\">\r\n        <div class=\"card crd p-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 col10 mt-2\">\r\n                    <h2>परिचय \r\n                    </h2>\r\n                </div>\r\n                <!-- <div class=\"col-md-2 col2\"><button class=\"btn share\"><img src=\"./assets/share (5).svg\"\r\n                            style=\"width: 30px;\" alt=\"\"></button>\r\n                </div> -->\r\n                <div class=\"col-md-2 col2 \"> <a href=\"javascript:void(0)\" (click)=\"openShareOptions()\"> <button class=\"btn share\"><img src=\"./assets/share (5).svg\" style=\"width: 30px;\" (click)=\"menues('share-button')\"\r\n                    alt=\"\"> </button> </a>  \r\n                </div>\r\n                <div class=\"col-md-12\" (mouseover)=\"showpayment(true,'1')\" (mouseout)=\"showpayment(false,'1')\" id=\"1\">\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\" (mouseover)=\"showpayment(true,'2')\" (mouseout)=\"showpayment(false,'2')\"\r\n                    id=\"2\">\r\n                    <h2> </h2>\r\n                    <label for=\"\" class=\"mt-2\">यह दस्तावेज़ PayG रेसलर प्लेटफ़ॉर्म में लॉगिन करने के लिए विस्तृत कदमों को बताता है। कृपया इन निर्देशों का ध्यानपूर्वक पालन करें ताकि आप सफलतापूर्वक लॉगिन कर सकें। </label>\r\n                </div>\r\n                <div class=\"col-md-12 mt-2  \" (mouseover)=\"showpayment(true,'3')\" (mouseout)=\"showpayment(false,'3')\"\r\n                    id=\"3\">\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>स्टेप 1: हमारी वेबसाइट पर जाएं <a> www.payg.in </a> और \"Reseller\" के रूप में लॉगिन करने के लिए क्लिक करें। </b>\r\n                    </h4>\r\n                    <label for=\"\"></label>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                             <img src=\" ./assets/rr-otp(1).svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <h4 class=\"mt-4\"><b>स्टेप 2: अपनी ईमेल/फोन और पासवर्ड दर्ज करें </b></h4>\r\n                    <label for=\"\">अपनी ईमेल/फोन और पासवर्ड दर्ज करें, फिर \"Login\" पर क्लिक करें </label>\r\n\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                             <img src=\" ./assets/rr-top(2).svg\" width=\"100%\" height=\"100%\" alt=\"\"> \r\n                        </div>\r\n                    </div>\r\n\r\n                    <h4 class=\"mt-4\"><b>स्टेप 3: आपका OTP आपके PayG RMS ऐप पर भेजा जाएगा  </b></h4>\r\n                    <label for=\"\">आपको आपका OTP PayG RMS ऐप पर भेजा जाएगा। अगर आपके पास ऐप नहीं है, तो पहले PayG RMS ऐप डाउनलोड करें, फिर ऐप में लॉगिन करें और OTP प्राप्त करें</label>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                             <img src=\"./assets/Screenshot 2024-10-30 123903.png\" width=\"100%\" height=\"100%\" alt=\"\"> \r\n                            <label class=\"mt-2 mb-2\">PayG RMS ऐप को प्ले स्टोर या एप स्टोर से डाउनलोड करें  </label>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                    <h4 class=\"mt-5\"><b>स्टेप 4: OTP के लिए ऐप चेक करें </b></h4>\r\n                    <label for=\"\">जब आप अपने ऐप में लॉगिन करेंगे, तो ऐप में एक पॉप-अप नोटिफिकेशन के साथ आपका OTP सीधे दिखाई देगा। </label>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\" style=\"text-align: center;\">\r\n                             <img src=\" ./assets/rr-otp(4).svg\" width=\"200px\" height=\"400px\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <h4 class=\"mt-4\"><b>स्टेप 5: OTP दर्ज करें</b></h4>\r\n\r\n                    <label for=\"\">आपको जो OTP आपके ऐप पर प्राप्त हुआ है, उसे वेब पर लॉगिन करने के लिए दर्ज करें </label>\r\n\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                            <img src=\" ./assets/rr-orp(5).svg\" width=\"100%\" height=\"100%\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <h4 class=\"mt-4\">OTP दर्ज करने के बाद, आप अपने डैशबोर्ड में लॉगिन हो जाएंगे। </h4>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\">\r\n                            <img src=\" ./assets/rr-otp(6).svg\" width=\"100%\" height=\"100%\" alt=\"\"> \r\n                        </div>\r\n                    </div>\r\n                    <h4 class=\"mt-4\"> \r\n\r\n                        नोट: अगर आपको डैशबोर्ड पर OTP नहीं दिख रहा है, तो बाएं तरफ प्रोफाइल पर क्लिक करें और फिर \"View OTP\" पर क्लिक करें। </h4>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 mt-3\" style=\"text-align: center;\">\r\n                            <img src=\" ./assets/rr-otp(7).svg\" width=\"200px\" height=\"400px\" alt=\"\"> \r\n                        </div>\r\n                    </div>\r\n\r\n                    <label class=\"mt-3\">अब आपने PayG RMS प्लेटफ़ॉर्म पर ऐप का उपयोग करके लॉगिन प्रक्रिया को सफलतापूर्वक पूरा कर लिया है। अगर आपको कोई समस्या आती है, तो कृपया ऐप के सपोर्ट सेक्शन को देखें या सहायता के लिए कस्टमर सपोर्ट से संपर्क करें। </label>\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"col-md-4 hide-tbl content2 \">\r\n        <div class=\"card crd p-4\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <h5>\r\n                        विषयसूची:                    </h5>\r\n\r\n                </div>\r\n                <div class=\"col-md-12 mt-2\">\r\n                    <!-- <a href=\"#1\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/video.svg\" class=\"tab-icon intro\"\r\n                                    alt=\"\"> &nbsp;</div>\r\n                            <div class=\"col-md-10\">\r\n                                <span class=\"videoHover\" style=\"cursor: pointer;\"\r\n                                    [ngClass]=\"{'video':colors=='1'}\" (click)=\"color('1')\"\r\n                                    >\r\n                                    Introduction to\r\n                                    Payment Gateways\r\n                                </span>\r\n                              \r\n                            </div>\r\n                        </div>\r\n                    </a> -->\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#2\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='2'}\"\r\n                                    (click)=\"color('2')\">परिचय </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='3'}\"\r\n                                    (click)=\"color('3')\">\r\n                                    ओटीपी के साथ लॉगिन प्रक्रिया</span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <!-- <div class=\"col-md-12 \">\r\n                    <a href=\"#4\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='4'}\"\r\n                                    (click)=\"color('4')\">Benefits of Being a Reseller </span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-12 \">\r\n                    <a href=\"#5\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\"> <img src=\"./assets/edit.svg\" class=\"tab-icon intro\" alt=\"\">\r\n                                &nbsp;\r\n                            </div>\r\n                            <div class=\"col-md-10\">\r\n                                <span style=\"cursor: pointer;\" class=\"textHover\" [ngClass]=\"{'text':colors=='5'}\"\r\n                                    (click)=\"color('5')\"> How Resellers Can Benefit from PayG</span>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div> -->\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"col-md-9 hide ft-9\">\r\n        <hr>\r\n        <div class=\" row crd\">\r\n            <div class=\"col-md-8    \">\r\n                <a [routerLink]=\"['/login-with-qr']\"><button class=\"btn btn-color\"\r\n                        (click)=\"menues('Creating Profile')\"> <img src=\"./assets/Arrow 3.svg\" alt=\"\"> &nbsp;QR से लॉगिन करें\r\n                        &nbsp;</button></a>\r\n            </div>\r\n            <!-- <div class=\"col-md-4    \">\r\n                <a [routerLink]=\"['/registration-process']\"> <button class=\"btn btn-color\">Registration paocess\r\n                        &nbsp;<img src=\"./assets/Arrow 2 1.svg\" alt=\"\"></button></a>\r\n            </div> -->\r\n        </div>\r\n    </div>\r\n</div>","<app-manual-login *ngIf=\"english\"></app-manual-login>\r\n<app-manual-login-hindi *ngIf=\"hindi\"></app-manual-login-hindi>","import { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { DoctumentationLandingComponent } from './doctumentation-landing/doctumentation-landing.component';\r\nimport { EAgreementComponent } from './E-Agreement/e-agreement/e-agreement.component';\r\nimport { GStoreComponent } from './G-Store/g-store/g-store.component';\r\nimport { BookingComponent } from './Booking/booking/booking.component';\r\nimport { BookingHindiComponent } from './Booking/booking-hindi/booking-hindi.component';\r\nimport { CreatingProfileComponent } from './Booking/creating-profile/creating-profile.component';\r\nimport { CreatingProfileHindiComponent } from './Booking/creating-profile-hindi/creating-profile-hindi.component';\r\nimport { DisputesComponent } from './Disputes/disputes/disputes.component';\r\nimport { DisputesHindiComponent } from './Disputes/disputes-hindi/disputes-hindi.component';\r\nimport { EAgreementHindiComponent } from './E-Agreement/e-agreement-hindi/e-agreement-hindi.component';\r\nimport { GStoreHindiComponent } from './G-Store/g-store-hindi/g-store-hindi.component';\r\nimport { InvoiceComponent } from './Invoice/invoice/invoice.component';\r\nimport { InvoiceHindiComponent } from './Invoice/invoice-hindi/invoice-hindi.component';\r\nimport { PayButtonComponent } from './Pay_Button/pay-button/pay-button.component';\r\nimport { PayButtonHindiComponent } from './Pay_Button/pay-button-hindi/pay-button-hindi.component';\r\nimport { PayGComponent } from './PAY_G/pay-g/pay-g.component';\r\nimport { PayGHindiComponent } from './PAY_G/pay-g-hindi/pay-g-hindi.component';\r\nimport { EasyCollectComponent } from './Pay_Profile/easy-collect/easy-collect.component';\r\nimport { EasyCollectHindiComponent } from './Pay_Profile/easy-collect-hindi/easy-collect-hindi.component';\r\nimport { PayProfileComponent } from './Pay_Profile/pay-profile/pay-profile.component';\r\nimport { PayProfileHindiComponent } from './Pay_Profile/pay-profile-hindi/pay-profile-hindi.component';\r\nimport { SmartCollectComponent } from './Pay_Profile/smart-collect/smart-collect.component';\r\nimport { SmartCollectHindiComponent } from './Pay_Profile/smart-collect-hindi/smart-collect-hindi.component';\r\nimport { CreateLinkComponent } from './Payment_Link/create-link/create-link.component';\r\nimport { CreateLinkHindiComponent } from './Payment_Link/create-link-hindi/create-link-hindi.component';\r\nimport { PaymentLinkComponent } from './Payment_Link/payment-link/payment-link.component';\r\nimport { PaymentLinkHindiComponent } from './Payment_Link/payment-link-hindi/payment-link-hindi.component';\r\nimport { PaymentQrComponent } from './Payment_QR/payment-qr/payment-qr.component';\r\nimport { PaymentQrHindiComponent } from './Payment_QR/payment-qr-hindi/payment-qr-hindi.component';\r\nimport { PaymentGatewayComponent } from './Payment-Gateway/payment-gateway/payment-gateway.component';\r\nimport { PaymentGatewayHindiComponent } from './Payment-Gateway/payment-gateway-hindi/payment-gateway-hindi.component';\r\nimport { RefundsComponent } from './Refunds/refunds/refunds.component';\r\nimport { RefundsHindiComponent } from './Refunds/refunds-hindi/refunds-hindi.component';\r\nimport { TransactionComponent } from './Transactions/transaction/transaction.component';\r\nimport { TransactionHindiComponent } from './Transactions/transaction-hindi/transaction-hindi.component';\r\nimport { VideoKycComponent } from './Video_KYC/video-kyc/video-kyc.component';\r\nimport { VideoKycHindiComponent } from './Video_KYC/video-kyc-hindi/video-kyc-hindi.component';\r\nimport { WebIntegrationComponent } from './Web_Integration/web-integration/web-integration.component';\r\nimport { WebIntegrationHindiComponent } from './Web_Integration/web-integration-hindi/web-integration-hindi.component';\r\nimport { BookingTecketingComponent } from './Booking/booking-tecketing/booking-tecketing.component';\r\nimport { CreateProfileMainComponent } from './Booking/create-profile-main/create-profile-main.component';\r\nimport { DisputesMainComponent } from './Disputes/disputes-main/disputes-main.component';\r\nimport { AgreementComponent } from './E-Agreement/agreement/agreement.component';\r\nimport { StoreComponent } from './G-Store/store/store.component';\r\nimport { InvoiceMainComponent } from './Invoice/invoice-main/invoice-main.component';\r\nimport { ButtonsComponent } from './Pay_Button/buttons/buttons.component';\r\nimport { PaygMainComponent } from './PAY_G/payg-main/payg-main.component';\r\nimport { MainProfileComponent } from './Pay_Profile/main-profile/main-profile.component';\r\nimport { CollectsComponent } from './Pay_Profile/collects/collects.component';\r\nimport { SmartComponent } from './Pay_Profile/smart/smart.component';\r\nimport { MainLinksComponent } from './Payment_Link/main-links/main-links.component';\r\nimport { CreateMainComponent } from './Payment_Link/create-main/create-main.component';\r\nimport { PQRComponent } from './Payment_QR/p-qr/p-qr.component';\r\nimport { GatewayComponent } from './Payment-Gateway/gateway/gateway.component';\r\nimport { MainRefundsComponent } from './Refunds/main-refunds/main-refunds.component';\r\nimport { MainTransactionsComponent } from './Transactions/main-transactions/main-transactions.component';\r\nimport { KycComponent } from './Video_KYC/kyc/kyc.component';\r\nimport { IntegrationComponent } from './Web_Integration/integration/integration.component';\r\nimport { PayOutComponent } from './Payout/pay-out/pay-out.component';\r\nimport { OnbordingComponent } from './Onboarding/onbording/onbording.component';\r\nimport { FeaturesComponent } from './Payg_Features/features/features.component';\r\nimport { CouponsComponent } from './Coupons/coupons/coupons.component';\r\nimport { PriceComponent } from './Price_Match/price/price.component';\r\nimport { SettlementMainComponent } from './Settlement/settlement-main/settlement-main.component';\r\nimport { PriceMainComponent } from './Price_Match/price-main/price-main.component';\r\nimport { OnboardingMainComponent } from './Onboarding/onboarding-main/onboarding-main.component';\r\nimport { PayoutMainComponent } from './Payout/payout-main/payout-main.component';\r\nimport { FeaturesMainComponent } from './Payg_Features/features-main/features-main.component';\r\nimport { CouponsMainComponent } from './Coupons/coupons-main/coupons-main.component';\r\nimport { CreatePayoutMainComponent } from './Payout/create-payout-main/create-payout-main.component';\r\nimport { ShareButtonComponent } from './share-button/share-button.component';\r\nimport { ReportsMainComponent } from './Report/reports-main/reports-main.component';\r\nimport { MerchnatMainComponent } from './Merchant-Dashboard/merchnat-main/merchnat-main.component';\r\nimport { PaymentGatewayWorkingComponent } from './Payment-Gateway/payment-gateway-working/payment-gateway-working.component';\r\nimport { IntroductionResellerComponent } from './Reseller/Reseller-intro/introduction-reseller/introduction-reseller.component';\r\nimport { RegistrationProcessComponent } from './Reseller/Registration-process/registration-process/registration-process.component';\r\nimport { LoginWithQrComponent } from './Reseller/login-with-QR/login-with-qr/login-with-qr.component';\r\nimport { ManualLoginComponent } from './Reseller/Manual-Login-Process/manual-login/manual-login.component';\r\nimport { ResellerIntroMainComponent } from './Reseller/reseller-intro-main/reseller-intro-main.component';\r\nimport { RegistrationProcessMainComponent } from './Reseller/registration-process-main/registration-process-main.component';\r\nimport { LoginWithQrMainComponent } from './Reseller/login-with-qr-main/login-with-qr-main.component';\r\nimport { ManualLoginMainComponent } from './Reseller/manual-login-main/manual-login-main.component';\r\n\r\n\r\n\r\nconst routes: Routes = [\r\n    { path: '', redirectTo: 'payment-gateway', pathMatch: 'full' },\r\n     { path: 'e-agrement', component: AgreementComponent },\r\n     { path: 'g-store', component: StoreComponent },\r\n     { path: 'booking-tecketing', component: BookingTecketingComponent },\r\n     { path: 'create-profile', component: CreateProfileMainComponent },\r\n     { path: 'disputes', component: DisputesMainComponent },\r\n     { path: 'invoice', component: InvoiceMainComponent },\r\n     { path: 'pay-button', component: ButtonsComponent },\r\n     { path: 'pay-g', component: PaygMainComponent },\r\n     { path: 'easy-collect', component: CollectsComponent },\r\n     { path: 'pay-profile', component: MainProfileComponent },\r\n     { path: 'smart-collect', component: SmartComponent },\r\n     { path: 'create-link', component: CreateMainComponent },\r\n     { path: 'payment-link', component: MainLinksComponent },\r\n     { path: 'payment-qr', component: PQRComponent },\r\n     { path: 'payment-gateway', component: GatewayComponent },\r\n     { path: 'refunds', component: MainRefundsComponent },\r\n     { path: 'transaction', component: MainTransactionsComponent },\r\n     { path: 'video-kyc', component: KycComponent },\r\n     { path: 'web-integration', component: IntegrationComponent },\r\n     { path: 'pay-out', component: PayoutMainComponent },\r\n     { path : 'create-payout', component: CreatePayoutMainComponent},\r\n     { path: 'onboarding', component: OnboardingMainComponent },\r\n     { path: 'features', component: FeaturesMainComponent },\r\n     { path: 'coupons', component: CouponsMainComponent },\r\n     { path: 'price', component: PriceMainComponent },\r\n     { path: 'settlement', component: SettlementMainComponent },\r\n     { path: 'share-button', component:ShareButtonComponent},\r\n     { path: 'report', component:ReportsMainComponent},\r\n     { path: 'merchant-dashboard', component:MerchnatMainComponent},\r\n     { path: 'payment-gateway-working', component:PaymentGatewayWorkingComponent},\r\n     { path: 'introduction-reseller', component:IntroductionResellerComponent},\r\n     {path: 'registration-process', component:RegistrationProcessComponent},\r\n     { path:'login-with-qr', component:LoginWithQrComponent},\r\n     {path:'manual-login', component:ManualLoginComponent},\r\n     {path:'reseller-intro', component:ResellerIntroMainComponent},\r\n     {path:'reseller-registration',component:RegistrationProcessMainComponent},\r\n     {path:'reseller-QR', component:LoginWithQrMainComponent},\r\n     {path:'reseller-manual',component:ManualLoginMainComponent},\r\n     \r\n     \r\n\r\n\r\n\r\n];\r\n\r\n@NgModule({\r\n  imports: [RouterModule.forRoot(routes)],\r\n  exports: [RouterModule]\r\n})\r\nexport class AppRoutingModule { }\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-manual-login-main',\r\n  templateUrl: './manual-login-main.component.html',\r\n  styleUrls: ['./manual-login-main.component.css']\r\n})\r\nexport class ManualLoginMainComponent {\r\n\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","<div class=\"\" style=\"background-color: var(--main2);\">\r\n    <div class=\"row ft-mrg\" >\r\n        <div class=\"col-md-2 set-footer p-4\" *ngIf=\"english\">\r\n            <a href=\"https://payg.in/contact.html?utm_source=docs_section&utm_medium=organic&utm_campaign=Internal\" class=\"ft\" style=\"color:white ;\" target=\"_blank\">Need Help? Contact Us</a>\r\n        </div>\r\n        <div class=\"col-md-5 set-footer p-4\" *ngIf=\"english\">\r\n            <a href=\"https://www.youtube.com/@paygindia\" class=\"ft\" target=\"_blank\">Youtube Videos </a>\r\n        </div>\r\n        <div class=\"col-md-2 set-footer p-4\" *ngIf=\"english\">\r\n            <a href=\"https://blog.payg.in/?utm_source=docs_section&utm_medium=organic&utm_campaign=Internal\" class=\"ft\" target=\"_blank\">Blogs</a>\r\n        </div>\r\n        <div class=\"col-md-3 set-footer p-4\" *ngIf=\"english\">\r\n            <a href=\"https://payg.in/developer.html?utm_source=docs_section&utm_medium=organic&utm_campaign=Internal\" class=\"ft\" target=\"_blank\">Developer Documents</a>\r\n        </div>\r\n        <div class=\"col-md-3 set-footer p-4\" *ngIf=\"english\">\r\n            <a href=\"https://payg.in/download-mobile-app.html?utm_source=docs_section&utm_medium=organic&utm_campaign=Internal\" class=\"ft\" target=\"_blank\">Download PayG App</a>\r\n        </div>\r\n        <div class=\"col-md-3 set-footer p-4\" *ngIf=\"hindi\">\r\n            <a href=\"https://payg.in/contact.html?utm_source=docs_section&utm_medium=organic&utm_campaign=Internal\" class=\"ft\" style=\"color:white;\" target=\"_blank\">मदद की ज़रूरत है? संपर्क करें</a>\r\n        </div>\r\n        <div class=\"col-md-2 set-footer p-4\" *ngIf=\"hindi\">\r\n            <a href=\"https://www.youtube.com/@paygindia\" class=\"ft\" target=\"_blank\" target=\"_blank\">यूट्यूब वीडियो</a>\r\n        </div>\r\n        <div class=\"col-md-2 set-footer p-4\" *ngIf=\"hindi\">\r\n            <a href=\"https://blog.payg.in/?utm_source=docs_section&utm_medium=organic&utm_campaign=Internal\" class=\"ft\" target=\"_blank\">ब्लॉग</a>\r\n        </div>\r\n        <div class=\"col-md-3 set-footer p-4\" *ngIf=\"hindi\">\r\n            <a href=\"https://payg.in/developer.html?utm_source=docs_section&utm_medium=organic&utm_campaign=Internal\" class=\"ft\" target=\"_blank\">डेवलपर दस्तावेज़</a>\r\n        </div>\r\n        <div class=\"col-md-3 set-footer p-4\" *ngIf=\"hindi\">\r\n            <a href=\"https://payg.in/download-mobile-app.html?utm_source=docs_section&utm_medium=organic&utm_campaign=Internal\" class=\"ft\" target=\"_blank\">पे जी ऐप डाउनलोड करें</a>\r\n        </div>\r\n    </div>\r\n</div>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-footer',\r\n  templateUrl: './footer.component.html',\r\n  styleUrls: ['./footer.component.css']\r\n})\r\nexport class FooterComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n}\r\n","<div class=\"row my\">\r\n    <div class=\"col-md-12 \">\r\n        <div class=\"p-3 ScrollStyle\">\r\n\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='PayG'}\">\r\n                <a [routerLink]=\"['/pay-g']\">\r\n                    <div class=\"row  \" (click)=\"menues('PayG')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/new logo.svg\" class=\"icons  \" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='PayG'}\" *ngIf=\"english\">PayG</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='PayG'}\" *ngIf=\"hindi\">पे\r\n                                जी</label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='features'}\">\r\n                <a [routerLink]=\"['/features']\">\r\n                    <div class=\"row \" (click)=\"menues('features')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/paygfeatures.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='features'}\"  *ngIf=\"english\">PayG Features</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='features'}\"  *ngIf=\"hindi\"> पे जी फीचर्स </label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n\r\n            <div class=\"crd p-2 act\">\r\n                <div class=\"row  \">\r\n                    <div class=\"col-md-2\">\r\n                        <img src=\"./assets/Payg Icons/Payment Gateway.svg\" class=\"icons\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-8 mt-1\" (click)=\"subMenu('4')\" >\r\n                        <label for=\"\" class=\"cur \"  *ngIf=\"english\">Payment Gateway</label>\r\n                        <label for=\"\" *ngIf=\"hindi\">पेमेंट गेटवे</label>\r\n                    </div>\r\n                    <div class=\"col-md-2 mt-1\" (click)=\"subMenu('4')\" *ngIf=\"up3\">\r\n                        <img src=\"./assets/Dropdown.svg\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-2 mt-1\" (click)=\"close()\" *ngIf=\"down3\">\r\n                        <img src=\"./assets/Dropdown up.svg\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-12 \" *ngIf=\"child=='4'\">\r\n                        <div class=\"row  submenu\">\r\n                            <div class=\"col-md-12 mt-1 p-2\">\r\n                                <ul>\r\n                                    <a [routerLink]=\"['/']\">\r\n                                        <div class=\"   \" [ngClass]=\"{'child':value=='Payment Gateway'}\">\r\n                                            <li (click)=\"menues('Payment Gateway')\" class=\"cur\"\r\n                                                [ngClass]=\"{'color':value=='Payment Gateway'}\" *ngIf=\"english\">\r\n                                                Introduction to Payment Gateway\r\n                                            </li>\r\n                                            <li (click)=\"menues('Payment Gateway')\" class=\"cur \"\r\n                                                [ngClass]=\"{'color':value=='Payment Gateway'}\" *ngIf=\"hindi\">\r\n                                                पेमेंट गेटवे का परिचय\r\n                                            </li>\r\n                                        </div>\r\n                                    </a>\r\n                                    <a [routerLink]=\"['/payment-gateway-working']\">\r\n                                        <div class=\"mt-3   \" [ngClass]=\"{'child':value=='Payment Gateway Working'}\">\r\n                                            <li (click)=\"menues('Payment Gateway Working')\" class=\"cur \"\r\n                                                [ngClass]=\"{'color':value=='Payment Gateway Working'}\" *ngIf=\"english\">\r\n                                                Payment Gateway Industry's Working\r\n                                            </li>\r\n                                            <li class=\" mt-3\" (click)=\"menues('Payment Gateway Working')\" class=\"cur\"\r\n                                                [ngClass]=\"{'color':value=='Payment Gateway Working'} \" *ngIf=\"hindi\">\r\n\r\n                                                पेमेंट गेटवे उद्योग की कार्यप्रणाली\r\n                                            </li>\r\n                                        </div>\r\n                                    </a>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='onboarding'}\">\r\n                <a [routerLink]=\"['/onboarding']\">\r\n                    <div class=\"row \" (click)=\"menues('onboarding')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/onboarding.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='onboarding'}\"  *ngIf=\"english\"> Onboarding Process</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='onboarding'}\"  *ngIf=\"hindi\"> ऑनबोर्डिंग प्रक्रिया </label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='Merchant-Dashboard'}\">\r\n                <a [routerLink]=\"['/merchant-dashboard']\">\r\n                    <div class=\"row  cursor \" (click)=\"menues('Merchant-Dashboard')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/merchantdashboard.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">    \r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Merchant-Dashboard'}\"\r\n                                *ngIf=\"english\">Merchant-Dashboard</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Merchant-Dashboard'}\"\r\n                                *ngIf=\"hindi\">व्यापारी डैशबोर्ड\r\n                            </label>\r\n\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <!-- <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='PayG'}\">\r\n                <a [routerLink]=\"['/pay-g']\">\r\n                    <div class=\"row  \" (click)=\"menues('PayG')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/new logo.svg\" class=\"icons  \" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='PayG'}\" *ngIf=\"english\">PayG</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='PayG'}\" *ngIf=\"hindi\">पे\r\n                                जी</label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div> -->\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='E-Agreement'}\">\r\n                <a [routerLink]=\"['/e-agrement']\">\r\n                    <div class=\"row  \" (click)=\"menues('E-Agreement')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/E-agreement.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='E-Agreement'}\"\r\n                                *ngIf=\"english\">E-Agreement</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='E-Agreement'}\"\r\n                                *ngIf=\"hindi\">ई-एग्रीमेंट</label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='Web Integration'}\">\r\n                <a [routerLink]=\"['/web-integration']\">\r\n                    <div class=\"row  \" (click)=\"menues('Web Integration')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/web integration.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Web Integration'}\" *ngIf=\"english\">Web\r\n                                Integration</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Web Integration'}\" *ngIf=\"hindi\">वेब\r\n                                इंटीग्रेशन</label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n\r\n            <div class=\"crd p-2 act \">\r\n                <div class=\"row  \">\r\n                    <div class=\"col-md-2\">\r\n                        <img src=\"./assets/Payg Icons/payout.svg\" class=\"icons\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-8 mt-1\" (click)=\"subMenu('5')\" (click)=\"menues('reseller')\">\r\n                        <label for=\"\" class=\"cur\" *ngIf=\"english\">Reseller</label>\r\n                        <label for=\"\" class=\"cur\" *ngIf=\"hindi\">पुनर्विक्रेता </label>\r\n                    </div>\r\n                    <div class=\"col-md-2 mt-1\" (click)=\"subMenu('5')\" *ngIf=\"up3\">\r\n                        <img src=\"./assets/Dropdown.svg\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-2 mt-1\" (click)=\"close()\" *ngIf=\"down3\">\r\n                        <img src=\"./assets/Dropdown up.svg\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-12 \" *ngIf=\"child=='5'\">\r\n                        <div class=\"row  submenu\">\r\n                            <div class=\"col-md-12 mt-1 p-2\">\r\n                                <ul>\r\n                                    <a [routerLink]=\"['/reseller-intro']\">\r\n                                        <div class=\"   \" [ngClass]=\"{'child':value=='reseller'}\">\r\n                                            <li (click)=\"menues('reseller')\" class=\"cur\"\r\n                                                [ngClass]=\"{'color':value=='reseller'}\" *ngIf=\"english\">\r\n                                                Introduction to Reseller\r\n                                            </li>\r\n                                            <li (click)=\"menues('Introduction Reseller')\" class=\"cur\"\r\n                                            [ngClass]=\"{'color':value=='reseller-intro-hindi'}\" *ngIf=\"hindi\">\r\n                                            पुनर्विक्रेता का परिचय\r\n                                        </li>\r\n                                        </div>\r\n                                    </a>\r\n                                    <a [routerLink]=\"['/reseller-registration']\">\r\n                                        <div class=\"   \" [ngClass]=\"{'child':value=='registration-process'}\">\r\n                                            <li (click)=\"menues('registration-process')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='registration-process'}\" *ngIf=\"english\">\r\n                                                Registration Process\r\n \r\n                                            </li>\r\n                                            <li (click)=\"menues('reseller-registration')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='reseller-registration'}\" *ngIf=\"hindi\">\r\n                                                पंजीकरण प्रक्रिया\r\n                                            </li>\r\n                                        </div>\r\n                                    </a>\r\n\r\n                                    <a [routerLink]=\"['/reseller-QR']\">\r\n                                        <div class=\"   \" [ngClass]=\"{'child':value=='login-with-qr'}\">\r\n                                            <li (click)=\"menues('login-with-qr')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='login-with-qr'}\" *ngIf=\"english\">\r\n                                                Login Process with QR\r\n \r\n                                            </li>\r\n                                            <li (click)=\"menues('Create-Payout')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='Create-Payout'}\" *ngIf=\"hindi\">\r\n                                                क्यूआर के साथ लॉगिन प्रक्रिया\r\n                                            </li>\r\n                                        </div>\r\n                                    </a>\r\n                                    <a [routerLink]=\"['/reseller-manual']\">\r\n                                        <div class=\"   \" [ngClass]=\"{'child':value=='manual-login'}\">\r\n                                            <li (click)=\"menues('manual-login')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='manual-login'}\" *ngIf=\"english\">\r\n                                                Login Process with OTP\r\n \r\n                                            </li>\r\n                                            <li (click)=\"menues('Create-Payout')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='Create-Payout'}\" *ngIf=\"hindi\">\r\n                                                ओटीपी के साथ लॉगिन प्रक्रिया\r\n                                            </li>\r\n                                        </div>\r\n                                    </a>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"crd p-2 act \">\r\n                <div class=\"row  \">\r\n                    <div class=\"col-md-2\">\r\n                        <img src=\"./assets/Payg Icons/Payment link.svg\" class=\"icons\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-8 mt-1\" (click)=\"subMenu('1')\" >\r\n                        <label for=\"\" class=\"cur\" *ngIf=\"english\">Payment Link</label>\r\n                        <label for=\"\" *ngIf=\"hindi\">पेमेंट लिंक</label>\r\n                    </div>\r\n                    <div class=\"col-md-2 mt-1\" (click)=\"subMenu('1')\" *ngIf=\"up\">\r\n                        <img src=\"./assets/Dropdown.svg\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-2 mt-1\" (click)=\"close()\" *ngIf=\"down\">\r\n                        <img src=\"./assets/Dropdown up.svg\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-12 \" *ngIf=\"child=='1'\">\r\n                        <div class=\"row  submenu\">\r\n                            <div class=\"col-md-12 mt-1 p-2\">\r\n                                <ul>\r\n                                    <a [routerLink]=\"['/payment-link']\">\r\n                                        <div class=\"   \" [ngClass]=\"{'child':value=='Payment Link'}\">\r\n                                            <li (click)=\"menues('Payment Link')\" class=\"cur\"\r\n                                                [ngClass]=\"{'color':value=='Payment Link'}\" *ngIf=\"english\">\r\n                                                Introduction to Payment Link\r\n                                            </li>\r\n                                            <li (click)=\"menues('Payment Link')\" class=\"cur\"\r\n                                                [ngClass]=\"{'color':value=='Payment Link'}\" *ngIf=\"hindi\">\r\n                                                पेमेंट लिंक का परिचय\r\n                                            </li>\r\n                                        </div>\r\n                                    </a>\r\n                                    <a [routerLink]=\"['/create-link']\">\r\n                                        <div class=\"mt-3   \" [ngClass]=\"{'child':value=='Create Payment'}\">\r\n                                            <li (click)=\"menues('Create Payment')\" class=\"cur\"\r\n                                                [ngClass]=\"{'color':value=='Create Payment'}\" *ngIf=\"english\">\r\n                                                How\r\n                                                to Create Payment Link?\r\n                                            </li>\r\n                                            <li class=\" mt-3\" (click)=\"menues('Create Payment')\" class=\"cur\"\r\n                                                [ngClass]=\"{'color':value=='Create Payment'} \" *ngIf=\"hindi\">\r\n\r\n                                                पेमेंट लिंक कैसे क्रिएट करें\r\n                                            </li>\r\n                                        </div>\r\n                                    </a>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='G-Store'}\">\r\n                <a [routerLink]=\"['/g-store']\">\r\n                    <div class=\"row \" (click)=\"menues('G-Store')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/g-store.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='G-Store'}\"\r\n                                *ngIf=\"english\">G-Store</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='G-Store'}\"\r\n                                *ngIf=\"hindi\">जी-स्टोर</label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='Pay Button'}\">\r\n                <a [routerLink]=\"['/pay-button']\">\r\n                    <div class=\"row \" (click)=\"menues('Pay Button')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/pay button.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Pay Button'}\" *ngIf=\"english\">Pay\r\n                                Button</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Pay Button'}\" *ngIf=\"hindi\">पे\r\n                                बटन</label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='Payment QR'}\">\r\n                <a [routerLink]=\"['/payment-qr']\">\r\n                    <div class=\"row \" (click)=\"menues('Payment QR')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/Payment QR.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Payment QR'}\" *ngIf=\"english\">Payment\r\n                                QR</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Payment QR'}\" *ngIf=\"hindi\">पेमेंट\r\n                                क्यूआर</label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='Invoice'}\">\r\n                <a [routerLink]=\"['/invoice']\">\r\n                    <div class=\"row \" (click)=\"menues('Invoice')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/Invoice.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Invoice'}\"\r\n                                *ngIf=\"english\">Invoice</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Invoice'}\"\r\n                                *ngIf=\"hindi\">इनवॉइस</label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='Video KYC'}\">\r\n                <a [routerLink]=\"['/video-kyc']\">\r\n                    <div class=\"row \" (click)=\"menues('Video KYC')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/Video KYc.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Video KYC'}\"  *ngIf=\"english\">Video\r\n                                KYC</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Video KYC'}\"  *ngIf=\"hindi\">वीडियो केवाईसी</label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='Transactions'}\">\r\n                <a [routerLink]=\"['/transaction']\">\r\n                    <div class=\"row \" (click)=\"menues('Transactions')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/Transactions.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Transactions'}\"  *ngIf=\"english\">Transactions</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Transactions'}\"  *ngIf=\"hindi\">ट्रांजेक्शन</label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='Refunds'}\">\r\n                <a [routerLink]=\"['/refunds']\">\r\n                    <div class=\"row \" (click)=\"menues('Refunds')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/Refunds.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Refunds'}\" *ngIf=\"english\">Refunds</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Refunds'}\" *ngIf=\"hindi\">रिफंड</label>\r\n\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='Disputes'}\">\r\n                <a [routerLink]=\"['/disputes']\">\r\n                    <div class=\"row \" (click)=\"menues('Disputes')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/Disputes.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Disputes'}\"  *ngIf=\"english\">Disputes</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Disputes'}\"  *ngIf=\"hindi\">डिस्प्यूट्स</label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <div class=\"crd p-2 act \">\r\n                <div class=\"row  \">\r\n                    <div class=\"col-md-2\">\r\n                        <img src=\"./assets/Payg Icons/payprofile.svg\" class=\"icons\" alt=\"\">\r\n                    </div>\r\n                       <div class=\"col-md-8 mt-1\" (click)=\"subMenu('2')\" >\r\n                        <label for=\"\" class=\"cur\" *ngIf=\"english\">Pay Profile</label>\r\n                        <label for=\"\" class=\"cur\" *ngIf=\"hindi\">पे प्रोफाईल</label>\r\n                    </div>\r\n                    <div class=\"col-md-2 mt-1\" (click)=\"subMenu('2')\" *ngIf=\"up1\">\r\n                        <img src=\"./assets/Dropdown.svg\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-2 mt-1\" (click)=\"close()\" *ngIf=\"down1\">\r\n                        <img src=\"./assets/Dropdown up.svg\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-12 \" *ngIf=\"child=='2'\">\r\n                        <div class=\"row  submenu\">\r\n                            <div class=\"col-md-12 mt-1 p-2\">\r\n                                <ul>\r\n                                    <a [routerLink]=\"['/pay-profile']\">\r\n                                        <div class=\"   \" [ngClass]=\"{'child':value=='Pay Profile'}\">\r\n                                            <li class=\"\" (click)=\"menues('Pay Profile')\" class=\"cur\"\r\n                                                [ngClass]=\"{'color':value=='Pay Profile'}\" *ngIf=\"english\" >\r\n                                                Introduction to Pay Profile\r\n                                            </li>\r\n                                            \r\n                                            <li class=\"\" (click)=\"menues('Pay Profile')\" class=\"cur\"\r\n                                                [ngClass]=\"{'color':value=='Pay Profile'}\" *ngIf=\"hindi\">\r\n                                                पे प्रोफाईल का परिचय\r\n                                            </li>\r\n                                        </div>\r\n                                    </a>\r\n                                    <a [routerLink]=\"['/easy-collect']\">\r\n                                        <div class=\"   \" [ngClass]=\"{'child':value=='Easy Collect'}\">\r\n                                            <li class=\"\" (click)=\"menues('Easy Collect')\" class=\"cur mt-3 \"\r\n                                                [ngClass]=\"{'color':value=='Easy Collect'}\" *ngIf=\"english\">\r\n                                                How to Create Easy Collect?\r\n                                            </li>\r\n                                            <li class=\"\" (click)=\"menues('Easy Collect')\" class=\"cur mt-3 \"\r\n                                            [ngClass]=\"{'color':value=='Easy Collect'}\" *ngIf=\"hindi\">\r\n                                            ईजी कलेक्ट केसे क्रिएट करे\r\n                                        </li>\r\n                                        </div>\r\n                                    </a>\r\n                                    <a [routerLink]=\"['/smart-collect']\">\r\n                                        <div class=\"   \" [ngClass]=\"{'child':value=='smart collect'}\">\r\n                                            <li class=\"\" (click)=\"menues('smart collect')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='smart collect'}\" *ngIf=\"english\"> \r\n                                                How to Create Smart Collect Profile\r\n                                            </li>\r\n                                            \r\n                                            <li class=\"\" (click)=\"menues('smart collect')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='smart collect'}\" *ngIf=\"hindi\">\r\n                                                स्मार्ट कलेक्ट प्रोफाइल कैसे बनाएं\r\n                                            </li>\r\n                                        </div>\r\n                                    </a>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"crd p-2 act \">\r\n                <div class=\"row  \">\r\n                    <div class=\"col-md-2\">\r\n                        <img src=\"./assets/Payg Icons/booking&ticketing.svg\" class=\"icons\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-8 mt-1\" (click)=\"subMenu('3')\" (click)=\"menues('Booking & Ticketing')\">\r\n                        <label for=\"\" class=\"cur\" *ngIf=\"english\">Booking and Ticketing </label>\r\n                        <label for=\"\" class=\"cur\" *ngIf=\"hindi\">बुकिंग और टिकटिंग </label>\r\n                    </div>\r\n                    <div class=\"col-md-2 mt-1\" (click)=\"subMenu('3')\" *ngIf=\"up2\">\r\n                        <img src=\"./assets/Dropdown.svg\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-2 mt-1\" (click)=\"close()\" *ngIf=\"down2\">\r\n                        <img src=\"./assets/Dropdown up.svg\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-12 \" *ngIf=\"child=='3'\">\r\n                        <div class=\"row  submenu\">\r\n                            <div class=\"col-md-12 mt-1 p-2\">\r\n                                <ul>\r\n                                    <a [routerLink]=\"['/booking-tecketing']\">\r\n                                        <div class=\"   \" [ngClass]=\"{'child':value=='Booking & Ticketing'}\">\r\n                                            <li (click)=\"menues('Booking & Ticketing')\" class=\"cur\"\r\n                                                [ngClass]=\"{'color':value=='Booking & Ticketing'}\" *ngIf=\"english\">\r\n                                                Introduction to Booking & Ticketing\r\n                                            </li>\r\n                                            <li (click)=\"menues('Booking & Ticketing')\" class=\"cur\"\r\n                                            [ngClass]=\"{'color':value=='Booking & Ticketing'}\" *ngIf=\"hindi\">\r\n                                            बुकिंग और टिकटिंग का परिचय\r\n                                        </li>\r\n                                        </div>\r\n                                    </a>\r\n                                    <a [routerLink]=\"['/create-profile']\">\r\n                                        <div class=\"   \" [ngClass]=\"{'child':value=='Creating Profile'}\">\r\n                                            <li (click)=\"menues('Creating Profile')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='Creating Profile'}\" *ngIf=\"english\">\r\n                                                Creating Profile\r\n                                            </li>\r\n                                            <li (click)=\"menues('Creating Profile')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='Creating Profile'}\" *ngIf=\"hindi\">\r\n                                                प्रोफाईल केसे क्रिएट करे\r\n                                            </li>\r\n                                        </div>\r\n                                    </a>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <!-- <div class=\"crd p-2 act \">\r\n                <div class=\"row  \">\r\n                    <div class=\"col-md-2\">\r\n                        <img src=\"./assets/Payg Icons/payout.svg\" class=\"icons\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-8 mt-1\" (click)=\"subMenu('4')\" (click)=\"menues('Payout')\">\r\n                        <label for=\"\" class=\"cur\" *ngIf=\"english\">Payout</label>\r\n                        <label for=\"\" class=\"cur\" *ngIf=\"hindi\">पे आउट </label>\r\n                    </div>\r\n                    <div class=\"col-md-2 mt-1\" (click)=\"subMenu('4')\" *ngIf=\"up3\">\r\n                        <img src=\"./assets/Dropdown.svg\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-2 mt-1\" (click)=\"close()\" *ngIf=\"down3\">\r\n                        <img src=\"./assets/Dropdown up.svg\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-12 \" *ngIf=\"child=='4'\">\r\n                        <div class=\"row  submenu\">\r\n                            <div class=\"col-md-12 mt-1 p-2\">\r\n                                <ul>\r\n                                    <a [routerLink]=\"['/pay-out']\">\r\n                                        <div class=\"   \" [ngClass]=\"{'child':value=='Payout'}\">\r\n                                            <li (click)=\"menues('Payout')\" class=\"cur\"\r\n                                                [ngClass]=\"{'color':value=='Payout'}\" *ngIf=\"english\">\r\n                                                Introduction to  PayOut\r\n                                            </li>\r\n                                            <li (click)=\"menues('Payout')\" class=\"cur\"\r\n                                            [ngClass]=\"{'color':value=='Payout'}\" *ngIf=\"hindi\">\r\n                                            पे आउट का परिचय\r\n                                        </li>\r\n                                        </div>\r\n                                    </a>\r\n                                    <a [routerLink]=\"['/create-payout']\">\r\n                                        <div class=\"   \" [ngClass]=\"{'child':value=='Create-Payout'}\">\r\n                                            <li (click)=\"menues('Create-Payout')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='Create-Payout'}\" *ngIf=\"english\">\r\n                                               How to Create Payout\r\n                                            </li>\r\n                                            <li (click)=\"menues('Create-Payout')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='Create-Payout'}\" *ngIf=\"hindi\">\r\n                                                पे आउट कैसे बनाएं\r\n                                            </li>\r\n                                        </div>\r\n                                    </a>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div> -->\r\n            <!--<div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='Payout'}\">\r\n                <a [routerLink]=\"['/pay-out']\">\r\n                    <div class=\"row \" (click)=\"menues('Payout')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/Payout Logo Color 1.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Payout'}\"  *ngIf=\"english\">PayOut</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Payout'}\"  *ngIf=\"hindi\">पे आउट</label>\r\n                        </div>\r\n                    </div>\r\n                    \r\n                </a>    \r\n            </div>-->\r\n            <!-- <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='onboarding'}\">\r\n                <a [routerLink]=\"['/onboarding']\">\r\n                    <div class=\"row \" (click)=\"menues('onboarding')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/onboarding.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='onboarding'}\"  *ngIf=\"english\"> Onboarding Process</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='onboarding'}\"  *ngIf=\"hindi\"> ऑनबोर्डिंग प्रक्रिया </label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div> -->\r\n           \r\n            <!-- <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='features'}\">\r\n                <a [routerLink]=\"['/features']\">\r\n                    <div class=\"row \" (click)=\"menues('features')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/paygfeatures.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='features'}\"  *ngIf=\"english\">PayG Features</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='features'}\"  *ngIf=\"hindi\"> पे जी फीचर्स </label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div> -->\r\n\r\n           <!--<div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='coupons'}\">\r\n                <a [routerLink]=\"['/coupons']\">\r\n                    <div class=\"row \" (click)=\"menues(' coupons')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/Coupon.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='coupons'}\"  *ngIf=\"english\"> Coupons</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='coupons'}\"  *ngIf=\"hindi\"> कूपन </label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>--> \r\n            <!--<div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='price'}\">\r\n                <a [routerLink]=\"['/price']\">\r\n                    <div class=\"row \" (click)=\"menues(' price')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/Price match.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='price'}\"  *ngIf=\"english\"> Price Match</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='price'}\"  *ngIf=\"hindi\"> मूल्य मिलान </label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>-->\r\n            <!--<div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='Settlement'}\">\r\n                <a [routerLink]=\"['/settlement']\">\r\n                    <div class=\"row \" (click)=\"menues(' Settlement')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/Settlement Split.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Settlement'}\"  *ngIf=\"english\"> Settlement Split</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Settlement'}\"  *ngIf=\"hindi\"> सेटलमेंट </label>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>-->\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='Coupons'}\">\r\n                <a [routerLink]=\"['/coupons']\">\r\n                    <div class=\"row  cursor \" (click)=\"menues('Coupons')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/coupons.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">    \r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Coupons'}\"\r\n                                *ngIf=\"english\">Coupons</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Coupons'}\"\r\n                                *ngIf=\"hindi\">कूपन </label>\r\n\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='Price'}\">\r\n                <a [routerLink]=\"['/price']\">\r\n                    <div class=\"row  cursor \" (click)=\"menues('Price')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/Price match.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">    \r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Price'}\"\r\n                                *ngIf=\"english\">Price Match</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Price'}\"\r\n                                *ngIf=\"hindi\">मूल्य मिलान  </label>\r\n\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='Settlement'}\">\r\n                <a [routerLink]=\"['/settlement']\">\r\n                    <div class=\"row  cursor \" (click)=\"menues('Settlement')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/settlement.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">    \r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Settlement'}\"\r\n                                *ngIf=\"english\">Settlement</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Settlement'}\"\r\n                                *ngIf=\"hindi\">सेटलमेंट </label>\r\n\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='Reports'}\">\r\n                <a [routerLink]=\"['/report']\">\r\n                    <div class=\"row  cursor \" (click)=\"menues('Reports')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/report.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">    \r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Reports'}\"\r\n                                *ngIf=\"english\">Reports </label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Reports'}\"\r\n                                *ngIf=\"hindi\">रिपोर्टस </label>\r\n\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n            <!-- <div class=\"crd p-2 act \" [ngClass]=\"{'select':value=='Merchant-Dashboard'}\">\r\n                <a [routerLink]=\"['/merchant-dashboard']\">\r\n                    <div class=\"row  cursor \" (click)=\"menues('Merchant-Dashboard')\">\r\n                        <div class=\"col-md-2\">\r\n                            <img src=\"./assets/Payg Icons/merchantdashboard.svg\" class=\"icons\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"col-md-10 mt-1\">    \r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Merchant-Dashboard'}\"\r\n                                *ngIf=\"english\">Merchant-Dashboard</label>\r\n                            <label for=\"\" class=\"cur\" [ngClass]=\"{'color':value=='Merchant-Dashboard'}\"\r\n                                *ngIf=\"hindi\">व्यापारी डैशबोर्ड\r\n                            </label>\r\n\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div> -->\r\n            <!-- <div class=\"crd p-2 act \">\r\n                <div class=\"row  \">\r\n                    <div class=\"col-md-2\">\r\n                        <img src=\"./assets/Payg Icons/payout.svg\" class=\"icons\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-8 mt-1\" (click)=\"subMenu('5')\" (click)=\"menues('reseller')\">\r\n                        <label for=\"\" class=\"cur\" *ngIf=\"english\">Reseller</label>\r\n                        <label for=\"\" class=\"cur\" *ngIf=\"hindi\">पे आउट </label>\r\n                    </div>\r\n                    <div class=\"col-md-2 mt-1\" (click)=\"subMenu('5')\" *ngIf=\"up3\">\r\n                        <img src=\"./assets/Dropdown.svg\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-2 mt-1\" (click)=\"close()\" *ngIf=\"down3\">\r\n                        <img src=\"./assets/Dropdown up.svg\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"col-md-12 \" *ngIf=\"child=='5'\">\r\n                        <div class=\"row  submenu\">\r\n                            <div class=\"col-md-12 mt-1 p-2\">\r\n                                <ul>\r\n                                    <a [routerLink]=\"['/introduction-reseller']\">\r\n                                        <div class=\"   \" [ngClass]=\"{'child':value=='introduction-reseller'}\">\r\n                                            <li (click)=\"menues('introduction-reseller')\" class=\"cur\"\r\n                                                [ngClass]=\"{'color':value=='introduction-reseller'}\" *ngIf=\"english\">\r\n                                                Introduction to Reseller\r\n                                            </li>\r\n                                            <li (click)=\"menues('introduction-reseller')\" class=\"cur\"\r\n                                            [ngClass]=\"{'color':value=='introduction-reseller'}\" *ngIf=\"hindi\">\r\n                                            पे आउट का परिचय\r\n                                        </li>\r\n                                        </div>\r\n                                    </a>\r\n                                    <a [routerLink]=\"['/registration-process']\">\r\n                                        <div class=\"   \" [ngClass]=\"{'child':value=='registration-process'}\">\r\n                                            <li (click)=\"menues('registration-process')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='registration-process'}\" *ngIf=\"english\">\r\n                                                Registration Process\r\n \r\n                                            </li>\r\n                                            <li (click)=\"menues('Create-Payout')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='Create-Payout'}\" *ngIf=\"hindi\">\r\n                                                पंजीकरण प्रक्रिया\r\n                                            </li>\r\n                                        </div>\r\n                                    </a>\r\n\r\n                                    <a [routerLink]=\"['/login-with-qr']\">\r\n                                        <div class=\"   \" [ngClass]=\"{'child':value=='login-with-qr'}\">\r\n                                            <li (click)=\"menues('login-with-qr')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='login-with-qr'}\" *ngIf=\"english\">\r\n                                                Login Process with QR\r\n \r\n                                            </li>\r\n                                            <li (click)=\"menues('Create-Payout')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='Create-Payout'}\" *ngIf=\"hindi\">\r\n                                                ....\r\n                                            </li>\r\n                                        </div>\r\n                                    </a>\r\n                                    <a [routerLink]=\"['/manual-login']\">\r\n                                        <div class=\"   \" [ngClass]=\"{'child':value=='manual-login'}\">\r\n                                            <li (click)=\"menues('manual-login')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='manual-login'}\" *ngIf=\"english\">\r\n                                                Login Process with OTP\r\n \r\n                                            </li>\r\n                                            <li (click)=\"menues('Create-Payout')\" class=\"cur mt-3\"\r\n                                                [ngClass]=\"{'color':value=='Create-Payout'}\" *ngIf=\"hindi\">\r\n                                                पंजीकरण प्रक्रिया\r\n                                            </li>\r\n                                        </div>\r\n                                    </a>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div> -->\r\n        </div>\r\n    </div>\r\n</div>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-sidebar',\r\n  templateUrl: './sidebar.component.html',\r\n  styleUrls: ['./sidebar.component.css']\r\n})\r\nexport class SidebarComponent {\r\n  english:boolean=true;\r\n  hindi:boolean=false;\r\n  value: any = 'Payment Gateway';\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    var MenuValue=localStorage.getItem('MenuValue')==null?'Payment Gateway' : localStorage.getItem('MenuValue');\r\n    this.value =MenuValue;\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  colors:string='1';\r\n  showTable: boolean = false;\r\n\r\n  storemanu: string = 'Payment Gateway';\r\n\r\n  process:string[]=['E-commerce Websites','Online Marketplace','Mobile Apps','Point of Sale (POS) Systems','Subscription Services','Donation Platforms ','Online Booking Platforms','Government Websites ','Educational Institutions ','Peer-to-Peer Transactions ','Telecommunications ','Gaming and Entertainment ','Digital Downloads ','Cross-Border Transactions ','Charitable Organizations ']; \r\n  menutype(event: any) {\r\n    this.value = event.target.value;\r\n    this.showTable = false;\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    localStorage.setItem('MenuValue',event);\r\n    this.value = event;\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n      \r\n\r\n    }\r\n    if (this.child == '4') {\r\n\r\n      this.up3 = false;\r\n      this.down3 = true;\r\n      \r\n\r\n    }\r\n    if(this.child == '5'){\r\n      this.up4 = false;\r\n      this.down4 = true;\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  up3: boolean = true;\r\n  down3: boolean = false;\r\n  up4:boolean = true;\r\n  down4:boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n    this.down=false;\r\n    this.up1 = true;\r\n    this.down1=false;\r\n    this.up2 = true;\r\n    this.down2=false;\r\n    this.up3 = true;\r\n    this.down3=false;\r\n    this.up4= true;\r\n    this.down4=false;\r\n}\r\n\r\nshowcolor:boolean | undefined;\r\nshowcl:string=\"\";\r\n  showpayment(show:boolean,val:string){\r\nthis.showcolor=show;\r\nthis.showcl=val;\r\nif(this.showcolor==true && this.showcl=='1')\r\n{\r\nthis.colors=\"1\";\r\n}\r\nif(this.showcolor==true && this.showcl=='2')\r\n{\r\nthis.colors=\"2\";\r\n}\r\nif(this.showcolor==true && this.showcl=='3')\r\n{\r\nthis.colors=\"3\";\r\n}\r\nif(this.showcolor==true && this.showcl=='4')\r\n{\r\nthis.colors=\"4\";\r\n}\r\nif(this.showcolor==true && this.showcl=='5')\r\n{\r\nthis.colors=\"5\";\r\n}\r\n\r\n\r\n\r\n\r\n}\r\ncolor(cl:string)\r\n{\r\n  var co = cl;\r\n  this.colors=co;\r\n}\r\n}\r\n","<div class=\"my\" id=\"this\">\r\n    <div class=\"container \">\r\n        <div class=\"row\">\r\n            <div class=\"col-md-9 p-3 col9\">\r\n                <img src=\"./assets/PayG Doc Logo 2.svg\" class=\"wth\" alt=\"\">\r\n            </div>\r\n           \r\n            <div class=\"col-md-3 p-3 col3\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-5  col5 dropdown \">\r\n                        <button class=\"btn text-white \" *ngIf=\"english\" style=\"    width: 110%;\">Login&nbsp;<img\r\n                                src=\"./assets/arrowdown2.svg\" alt=\"\"></button>\r\n                        <button class=\"btn text-white \" *ngIf=\"hindi\">लॉग इन करें&nbsp;<img\r\n                                src=\"./assets/arrowdown2.svg\" alt=\"\"></button>\r\n                        <div class=\"dropdown-content\">\r\n                            <a href=\"https://payg.in/merchant/#/login\" target=\"_blank\"><label for=\"\"\r\n                                    *ngIf=\"english\">Merchant</label></a>\r\n                            <a href=\"https://payg.in/mms/#/login\" target=\"_blank\"><label for=\"\"\r\n                                    *ngIf=\"english\">Distributor</label></a>\r\n                            <a href=\"https://payg.in/merchant/#/login\" target=\"_blank\"><label for=\"\"\r\n                                    *ngIf=\"hindi\">व्यापारी</label></a>\r\n                            <a href=\"https://payg.in/mms/#/login\" target=\"_blank\"><label for=\"\"\r\n                                    *ngIf=\"hindi\">वितरक</label></a>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-md-5 col5\">\r\n                        <a href=\"https://payg.in/merchant/#/registration/CreateMerchant\" target=\"_blank\" style=\"    position: relative;\r\n                        right: 23%;\">\r\n                            <button class=\"btn text-white sign-mrg\" *ngIf=\"english\">SignUp</button></a>\r\n                        <a href=\"https://payg.in/merchant/#/registration/CreateMerchant\" target=\"_blank\" style=\"    position: relative;\r\n                        right: 23%;\">\r\n                            <button class=\"btn text-white sign-mrg\" *ngIf=\"hindi\">साइन अप करें</button></a>\r\n                    </div>\r\n                    <div class=\"col-md-2 lang dropdown\">\r\n                        <button class=\"btn text-white \"> <img src=\"./assets/translate (2).svg\" alt=\"\" style=\"    position: relative;\r\n                            right: 90%; width: 35px;\"></button>\r\n                        <div class=\"dropdown-content \" style=\"    position: absolute;right: 0%;\">\r\n                            <!-- <label for=\"\" (click)=\"English('english')\"\r\n                                [ngClass]=\"{'language ':lang=='english'}\" *ngIf=\"english\">English</label>\r\n                            <label for=\"\" (click)=\"Hindi('hindi') \"\r\n                                [ngClass]=\"{'language ':lang=='hindi'}\" *ngIf=\"english\">Hindi</label>\r\n                                <label for=\"\" (click)=\"English('english')\"\r\n                                [ngClass]=\"{'language ':lang=='english'}\" *ngIf=\"hindi\">अंग्रेज़ी</label>\r\n                            <label for=\"\" (click)=\"Hindi('hindi') \"\r\n                                [ngClass]=\"{'language ':lang=='hindi'}\" *ngIf=\"hindi\">हिंदी</label> -->\r\n                            <ul (click)=\"language($event)\">\r\n                                <li value=\"english\" style=\"position: relative;\r\n                                    right: 18px;\r\n                                    top: 2px;\">English</li>\r\n                                <li value=\"hindi\" style=\"position: relative;\r\n                                    right: 18px;\r\n                                    top: 7px;\">हिंदी</li>\r\n                            </ul>\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                </div>\r\n            </div>\r\n            <div class=\"col-md-6 mt-4 col6\">\r\n                <h2 class=\"text-white mt-2  h-txt\" *ngIf=\"english\">PayG Documentations</h2>\r\n                <h2 class=\"text-white mt-2  h-txt\" *ngIf=\"hindi\">पे जी दस्तावेज़</h2>\r\n                \r\n                <p class=\"mt-3 txt \" style=\"color: var(--grey6, #F7F8F8);\" *ngIf=\"english\">Effortlessly integrate PayG\r\n                    Payment\r\n                    Gateway with our\r\n                    developer-friendly guide and explore comprehensive details on all our products.</p>\r\n                <p class=\" txt \" style=\"color: var(--grey6, #F7F8F8);\" *ngIf=\"hindi\">पे जी भुगतान को सहजता से एकीकृत\r\n                    करें\r\n                    हमारे साथ प्रवेश द्वार\r\n                    डेवलपर-अनुकूल मार्गदर्शिका और हमारे सभी उत्पादों पर व्यापक विवरण देखें।</p>\r\n            </div>\r\n            <div class=\"col-6  mb-5 text-center col6  \">\r\n                <img src=\"./assets/Header2.gif\" class=\"img\" alt=\"\">\r\n            </div>\r\n        </div>\r\n        <div class=\"row mobile\">\r\n            <div class=\"col-md-10 col10 hide text-center\">\r\n\r\n                <div class=\"input-box text-center tablet\" *ngIf=\"english\">\r\n                    <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n\r\n\r\n                    <input type=\"text\" #bar (keyup.enter)=\"getValue(bar.value)\"\r\n                        placeholder=\"Search product tutorials, developer guides, etc.    \" />\r\n\r\n\r\n                    <button class=\"button \" style=\" border-radius: 20px;\" (click)=\"getValue(bar.value)\"\r\n                        *ngIf=\"english\">Search</button>\r\n\r\n                </div>\r\n                <div class=\"input-box text-center tablet\" *ngIf=\"hindi\">\r\n                    <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n\r\n\r\n                    <input type=\"text\" #bar (keyup.enter)=\"getValue(bar.value)\"\r\n                        placeholder=\"उत्पाद ट्यूटोरियल, डेवलपर गाइड आदि खोजें।  \" />\r\n\r\n\r\n\r\n                    <button class=\"button\" style=\" border-radius: 20px; \" (click)=\"getValue(bar.value)\"\r\n                        *ngIf=\"hindi\">खोज</button>\r\n                </div>\r\n\r\n            </div>\r\n            <div class=\"col-md-2 col2 tbl-2\">\r\n                <div class=\"crd bd\" (click)=\"table()\">\r\n                    <img src=\"./assets/tbl.svg\" alt=\"\" width=\"100%\">\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"col-md-8 col8 hand-b\">\r\n\r\n                <div class=\" text-center tx-wd\" *ngIf=\"dropdown\">\r\n\r\n                    <div class=\"input-box text-center\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-2\">\r\n                                <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\r\n                            </div>\r\n                            <div class=\"col-md-10\"><select class=\"form-select hand-bar\"\r\n                                    aria-label=\"Default select example\" (change)=\"menutype($event)\">\r\n                                    <option *ngFor=\"let menus of menu\" value=\"{{menus}}\">{{menus}} </option>\r\n\r\n                                </select></div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n                <div class=\"text-center  tx-wd\" *ngIf=\"searchbar\">\r\n                    <div class=\"input-box text-center\">\r\n\r\n\r\n                        <input type=\"text\" #mob placeholder=\"Search product tutorials, developer guides, etc.\"\r\n                            (keyup)=\"getValue(mob.value)\" />\r\n                        <button class=\"btn\"> <i class=\"fa fa-search\" aria-hidden=\"true\"></i></button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-md-2 col2 hand-b \" style=\"position: relative;\r\n            left: 15px;\">\r\n\r\n                <div class=\"p-1 input-box\" *ngIf=\"dropdown\" (click)=\"search()\">\r\n                    <img src=\"./assets/search_FILL0_wght500_GRAD0_opsz48 1.svg\" width=\"80%\" height=\"80%\" alt=\"\">\r\n                </div>\r\n                <div class=\"p-1 input-box \" *ngIf=\"searchbar\">\r\n                    <button class=\"btn\" (click)=\"drop()\" style=\"    position: relative;\r\n                    left: 5%;\r\n                    top: 15%;\"><i class=\"fa fa-times\" aria-hidden=\"true\"></i></button>\r\n                </div>\r\n\r\n\r\n\r\n            </div>\r\n            <div class=\"col-md-2 col2 hand-b\" (click)=\"table()\">\r\n\r\n                <div class=\"p-1 input-box\">\r\n                    <img src=\"./assets/tbl.svg\" alt=\"\" width=\"100%\">\r\n                </div>\r\n\r\n\r\n\r\n\r\n            </div>\r\n\r\n\r\n        </div>\r\n    </div>\r\n</div>","import { Component, OnInit } from '@angular/core';\r\nimport { Route, Router } from '@angular/router';\r\n\r\n\r\n@Component({\r\n  selector: 'app-header',\r\n  templateUrl: './header.component.html',\r\n  styleUrls: ['./header.component.css']\r\n})\r\nexport class HeaderComponent implements OnInit {\r\n  dropdown: boolean = true;\r\n  searchbar: boolean = false;\r\n  mobileView = false; // Initially assuming not in mobile view\r\n  menu: string[] = ['Payment Gateway', 'PayG', 'E-Agreement', 'Web Integration', 'Payment Link', 'Create Payment', 'Pay Button', 'Payment QR', 'Invoice', 'G-Store', 'Transactions', 'Disputes', 'Refunds', 'Video KYC', 'Pay Profile', 'Easy Collect', 'Booking & Ticketing', 'Creating Profile'];\r\n  value: string = 'Payment Gateway';\r\n  storemanu: string = 'Payment Gateway';\r\n  selectedValue: any;\r\n  selectedMenu:any; \r\nconstructor(private route:Router){\r\n\r\n}\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n    \r\n\r\n\r\n  }\r\n  menutype(event: any) {\r\n    this.selectedMenu = event.target.value;\r\n    this.showTable = false;\r\n    if(this.selectedMenu== 'Payment Gateway')\r\n    {\r\n      this.route.navigate(['/']);\r\n    }\r\n    if(this.selectedMenu== 'PayG')\r\n    {\r\n      this.route.navigate(['/pay-g']);\r\n    }\r\n    if(this.selectedMenu== 'E-Agreement')\r\n    {\r\n      this.route.navigate(['/e-agrement']);\r\n    }\r\n    if(this.selectedMenu== 'Web Integration')\r\n    {\r\n      this.route.navigate(['/web-integration']);\r\n    }\r\n    if(this.selectedMenu== 'Payment Link')\r\n    {\r\n      this.route.navigate(['/payment-link']);\r\n    }\r\n    if(this.selectedMenu== 'Create Payment')\r\n    {\r\n      this.route.navigate(['/create-link']);\r\n    }\r\n    if(this.selectedMenu== 'Pay Button')\r\n    {\r\n      this.route.navigate(['/pay-button']);\r\n    }\r\n    if(this.selectedMenu== 'Payment QR')\r\n    {\r\n      this.route.navigate(['/payment-qr']);\r\n    }\r\n    if(this.selectedMenu== 'Invoice')\r\n    {\r\n      this.route.navigate(['/invoice']);\r\n    }\r\n    if(this.selectedMenu== 'G-Store')\r\n    {\r\n      this.route.navigate(['/g-store']);\r\n    }\r\n    if(this.selectedMenu== 'Transactions')\r\n    {\r\n      this.route.navigate(['/transaction']);\r\n    }\r\n    if(this.selectedMenu== 'Disputes')\r\n    {\r\n      this.route.navigate(['/disputes']);\r\n    }\r\n    if(this.selectedMenu== 'Video KYC')\r\n    {\r\n      this.route.navigate(['/video-kyc']);\r\n    }\r\n    if(this.selectedMenu== 'Refunds')\r\n    {\r\n      this.route.navigate(['/refunds']);\r\n    }\r\n    if(this.selectedMenu== 'Pay Profile')\r\n    {\r\n      this.route.navigate(['/pay-profile']);\r\n    }\r\n    if(this.selectedMenu== 'Easy Collect')\r\n    {\r\n      this.route.navigate(['/easy-collect']);\r\n    }\r\n    if(this.selectedMenu== 'Booking & Ticketing')\r\n    {\r\n      this.route.navigate(['/booking-tecketing']);\r\n    }\r\n    if(this.selectedMenu== 'Creating Profile')\r\n    {\r\n      this.route.navigate(['/create-profile ']);\r\n    }\r\n  }\r\n\r\n  search() {\r\n    this.dropdown = false;\r\n    this.searchbar = true;\r\n  }\r\n  drop() {\r\n    this.dropdown = true;\r\n    this.searchbar = false;\r\n  }\r\n  menues(event: string) {\r\n    this.value = event;\r\n\r\n\r\n  }\r\n\r\n  showcolor: boolean | undefined;\r\n  showcl: string = \"\";\r\n  showpayment(show: boolean, val: string) {\r\n    this.showcolor = show;\r\n    this.showcl = val;\r\n    if (this.showcolor == true && this.showcl == '1') {\r\n      this.colors = \"1\";\r\n    }\r\n    if (this.showcolor == true && this.showcl == '2') {\r\n      this.colors = \"2\";\r\n    }\r\n    if (this.showcolor == true && this.showcl == '3') {\r\n      this.colors = \"3\";\r\n    }\r\n    if (this.showcolor == true && this.showcl == '4') {\r\n      this.colors = \"4\";\r\n    }\r\n    if (this.showcolor == true && this.showcl == '5') {\r\n      this.colors = \"5\";\r\n    }\r\n\r\n\r\n\r\n\r\n  }\r\n  closemenu: boolean = false;\r\n  child: string = '';\r\n  subMenu(sub: string) {\r\n    this.child = sub;\r\n    if (this.child == '1') {\r\n\r\n      this.up = false;\r\n      this.down = true;\r\n\r\n    }\r\n    if (this.child == '2') {\r\n\r\n      this.up1 = false;\r\n      this.down1 = true;\r\n\r\n    }\r\n    if (this.child == '3') {\r\n\r\n      this.up2 = false;\r\n      this.down2 = true;\r\n\r\n    }\r\n\r\n  }\r\n  up: boolean = true;\r\n  down: boolean = false;\r\n  up1: boolean = true;\r\n  down1: boolean = false;\r\n  up2: boolean = true;\r\n  down2: boolean = false;\r\n  close() {\r\n    this.child = '';\r\n    this.up = true;\r\n    this.down = false;\r\n    this.up1 = true;\r\n    this.down1 = false;\r\n    this.up2 = true;\r\n    this.down2 = false;\r\n  }\r\n\r\n\r\n  colors: string = '1';\r\n  color(cl: string) {\r\n    var co = cl;\r\n    this.colors = co;\r\n  }\r\n\r\n\r\n  onRotate(rotation: string) {\r\n    const selectedCard = document.querySelector('.card') as HTMLElement;\r\n    selectedCard.style.transform = rotation;\r\n  }\r\n  show: boolean = false;\r\n\r\n  showContent() {\r\n    this.show = true;\r\n  }\r\n  click() {\r\n    this.showTable = false;\r\n  }\r\n\r\n  showTable: boolean = false;\r\n  table() {\r\n    this.showTable = true;\r\n  }\r\n  CloseTable() {\r\n    this.showTable = false;\r\n  }\r\n  webFirst: boolean = true;\r\n  webSecond: boolean = false;\r\n  webVideos(web: string) {\r\n    if (web == '1') {\r\n      this.webFirst = true;\r\n      this.webSecond = false;\r\n    }\r\n    if (web == '2') {\r\n      this.webFirst = false;\r\n      this.webSecond = true;\r\n    }\r\n  }\r\n  lang: string = 'english';\r\n  hindi: boolean = false;\r\n  english: boolean = true;\r\nlanguage(event:Event){\r\n  const target = event.target as HTMLLIElement;\r\n  this.selectedValue = target.getAttribute('value');\r\n  localStorage.setItem('selectedValue', this.selectedValue);\r\n  location.reload();\r\n}\r\n  searchVal: string = 'Payment Gateway';\r\n  getValue(val: string) {\r\n    this.searchVal = val;\r\n    if (this.searchVal === 'Payment Gateway' || this.searchVal === 'Payment' || this.searchVal === 'payment') {\r\n     this.route.navigate(['/']);\r\n    }\r\n    if (this.searchVal === 'PayG' || this.searchVal === 'Pay G' || this.searchVal === 'payg' || this.searchVal === 'pay') {\r\n      this.route.navigate(['/pay-g']);\r\n    }\r\n    if (this.searchVal === 'E-Agreement' || this.searchVal === 'agreement' || this.searchVal === 'e-agreement') {\r\n      this.route.navigate(['/e-agrement']);\r\n    }\r\n    if (this.searchVal === 'Web Integration' || this.searchVal === 'web integration' || this.searchVal === 'Integration' || this.searchVal === 'integration') {\r\n      this.route.navigate(['/web-integration']);\r\n    }\r\n    if (this.searchVal === 'Payment Link' || this.searchVal === 'payment link' || this.searchVal === 'link') {\r\n      this.route.navigate(['/payment-link']);\r\n    }\r\n    if (this.searchVal === 'Create Payment' || this.searchVal === 'create payment') {\r\n      this.route.navigate(['/create-link']);\r\n    }\r\n    if (this.searchVal === 'G-Store' || this.searchVal === 'Store' || this.searchVal === 'g-store' || this.searchVal === 'store') {\r\n      this.route.navigate(['/g-store']);\r\n    }\r\n    if (this.searchVal === 'Pay Button' || this.searchVal === 'pay button' || this.searchVal === 'button') {\r\n      this.route.navigate(['/pay-button']);\r\n    }\r\n    if (this.searchVal === 'Payment QR' || this.searchVal === 'payment qr') {\r\n      this.route.navigate(['/payment-qr']);\r\n    }\r\n    if (this.searchVal === 'Invoice' || this.searchVal === 'invoice') {\r\n      this.route.navigate(['/invoice']);\r\n    }\r\n    if (this.searchVal === 'Video KYC' || this.searchVal === 'video' || this.searchVal === 'KYC') {\r\n      this.route.navigate(['/video-kyc']);\r\n    }\r\n    if (this.searchVal === 'Transactions' || this.searchVal === 'transactions') {\r\n      this.route.navigate(['/transaction']);\r\n    }\r\n    if (this.searchVal === 'Refunds' || this.searchVal === 'refunds') {\r\n      this.route.navigate(['/refunds']);\r\n    }\r\n    if (this.searchVal === 'Disputes' || this.searchVal === 'disputes') {\r\n      this.route.navigate(['/disputes']);\r\n    }\r\n\r\n    if (this.searchVal === 'Pay Profile' || this.searchVal === 'pay profile' || this.searchVal === 'profile') {\r\n      this.route.navigate(['/pay-profile']);\r\n    }\r\n    if (this.searchVal === 'Easy Collect' || this.searchVal === 'easy collect') {\r\n      this.route.navigate(['/easy-collect']);\r\n    }\r\n    if (this.searchVal === 'smart collect' || this.searchVal === 'Smart Collect') {\r\n      this.route.navigate(['/smart-collect']);\r\n    }\r\n    if (this.searchVal === 'smart collect' || this.searchVal === 'Smart Collect') {\r\n      this.route.navigate(['/smart-collect']);\r\n    }\r\n    if (this.searchVal ==='Booking & Ticketing' || this.searchVal === 'Booking' || this.searchVal === 'booking' || this.searchVal === 'ticketing' || this.searchVal === 'ticketing') {\r\n      this.route.navigate(['/booking-tecketing']);\r\n    }\r\n\r\n  }\r\n\r\n  \r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-root',\r\n  templateUrl: './app.component.html',\r\n  styleUrls: ['./app.component.css']\r\n})\r\nexport class AppComponent {\r\n  title = 'PayG-Docs';\r\n  english: boolean = true;\r\n  hindi: boolean = false;\r\n\r\n  ngOnInit(): void {\r\n    const storeVal = localStorage.getItem('selectedValue');\r\n    if (storeVal == 'english') {\r\n      this.english = true;\r\n      this.hindi = false;\r\n    }\r\n    if (storeVal == 'hindi') {\r\n\r\n      this.english = false;\r\n      this.hindi = true;\r\n    }\r\n\r\n  }\r\n \r\n}\r\n","<body>\r\n    \r\n<div class=\"row\">\r\n    <div class=\"col-md-12 \">\r\n        <app-header></app-header>\r\n    </div>\r\n</div>\r\n<div class=\"row mt-4\">\r\n    <div class=\"col-md-3 show-menu box-shadow\">\r\n        <app-sidebar ></app-sidebar>\r\n        \r\n    </div>\r\n    <div class=\"col-md-9\">\r\n        <router-outlet></router-outlet>\r\n    </div>\r\n</div>\r\n<div class=\"row mt-2\">\r\n    <div class=\"col-md-12\">\r\n        <app-footer></app-footer>\r\n    </div>\r\n</div>\r\n\r\n</body>","import { InjectionToken, NgModule } from '@angular/core';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { HTTP_INTERCEPTORS } from '@angular/common/http';\r\nimport { AppRoutingModule } from './app-routing.module';\r\nimport { AppComponent } from './app.component';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { CommonModule, HashLocationStrategy, LocationStrategy } from '@angular/common';\r\nimport { DoctumentationLandingComponent } from './doctumentation-landing/doctumentation-landing.component';\r\nimport { PayGComponent } from './PAY_G/pay-g/pay-g.component';\r\nimport { PayGHindiComponent } from './PAY_G/pay-g-hindi/pay-g-hindi.component';\r\nimport { PaymentLinkComponent } from './Payment_Link/payment-link/payment-link.component';\r\nimport { PaymentLinkHindiComponent } from './Payment_Link/payment-link-hindi/payment-link-hindi.component';\r\nimport { CreateLinkComponent } from './Payment_Link/create-link/create-link.component';\r\nimport { CreateLinkHindiComponent } from './Payment_Link/create-link-hindi/create-link-hindi.component';\r\nimport { GStoreComponent } from './G-Store/g-store/g-store.component';\r\nimport { GStoreHindiComponent } from './G-Store/g-store-hindi/g-store-hindi.component';\r\nimport { PaymentQrComponent } from './Payment_QR/payment-qr/payment-qr.component';\r\nimport { PaymentQrHindiComponent } from './Payment_QR/payment-qr-hindi/payment-qr-hindi.component';\r\nimport { WebIntegrationComponent } from './Web_Integration/web-integration/web-integration.component';\r\nimport { WebIntegrationHindiComponent } from './Web_Integration/web-integration-hindi/web-integration-hindi.component';\r\nimport { PaymentGatewayComponent } from './Payment-Gateway/payment-gateway/payment-gateway.component';\r\nimport { PaymentGatewayHindiComponent } from './Payment-Gateway/payment-gateway-hindi/payment-gateway-hindi.component';\r\nimport { VideoKycComponent } from './Video_KYC/video-kyc/video-kyc.component';\r\nimport { VideoKycHindiComponent } from './Video_KYC/video-kyc-hindi/video-kyc-hindi.component';\r\nimport { TransactionComponent } from './Transactions/transaction/transaction.component';\r\nimport { TransactionHindiComponent } from './Transactions/transaction-hindi/transaction-hindi.component';\r\nimport { RefundsComponent } from './Refunds/refunds/refunds.component';\r\nimport { RefundsHindiComponent } from './Refunds/refunds-hindi/refunds-hindi.component';\r\nimport { InvoiceComponent } from './Invoice/invoice/invoice.component';\r\nimport { InvoiceHindiComponent } from './Invoice/invoice-hindi/invoice-hindi.component';\r\nimport { EAgreementComponent } from './E-Agreement/e-agreement/e-agreement.component';\r\nimport { EAgreementHindiComponent } from './E-Agreement/e-agreement-hindi/e-agreement-hindi.component';\r\nimport { DisputesComponent } from './Disputes/disputes/disputes.component';\r\nimport { DisputesHindiComponent } from './Disputes/disputes-hindi/disputes-hindi.component';\r\nimport { PayButtonComponent } from './Pay_Button/pay-button/pay-button.component';\r\nimport { PayButtonHindiComponent } from './Pay_Button/pay-button-hindi/pay-button-hindi.component';\r\nimport { PayProfileComponent } from './Pay_Profile/pay-profile/pay-profile.component';\r\nimport { PayProfileHindiComponent } from './Pay_Profile/pay-profile-hindi/pay-profile-hindi.component';\r\nimport { EasyCollectComponent } from './Pay_Profile/easy-collect/easy-collect.component';\r\nimport { EasyCollectHindiComponent } from './Pay_Profile/easy-collect-hindi/easy-collect-hindi.component';\r\nimport { SmartCollectComponent } from './Pay_Profile/smart-collect/smart-collect.component';\r\nimport { SmartCollectHindiComponent } from './Pay_Profile/smart-collect-hindi/smart-collect-hindi.component';\r\nimport { BookingComponent } from './Booking/booking/booking.component';\r\nimport { BookingHindiComponent } from './Booking/booking-hindi/booking-hindi.component';\r\nimport { CreatingProfileComponent } from './Booking/creating-profile/creating-profile.component';\r\nimport { CreatingProfileHindiComponent } from './Booking/creating-profile-hindi/creating-profile-hindi.component';\r\nimport { FooterComponent } from './footer/footer.component';\r\nimport { SidebarComponent } from './Sidebar/sidebar/sidebar.component';\r\nimport { HeaderComponent } from './header/header.component';\r\nimport { BookingTecketingComponent } from './Booking/booking-tecketing/booking-tecketing.component';\r\nimport { CreateProfileMainComponent } from './Booking/create-profile-main/create-profile-main.component';\r\nimport { DisputesMainComponent } from './Disputes/disputes-main/disputes-main.component';\r\nimport { AgreementComponent } from './E-Agreement/agreement/agreement.component';\r\nimport { StoreComponent } from './G-Store/store/store.component';\r\nimport { InvoiceMainComponent } from './Invoice/invoice-main/invoice-main.component';\r\nimport { ButtonsComponent } from './Pay_Button/buttons/buttons.component';\r\nimport { PaygMainComponent } from './PAY_G/payg-main/payg-main.component';\r\nimport { MainProfileComponent } from './Pay_Profile/main-profile/main-profile.component';\r\nimport { CollectsComponent } from './Pay_Profile/collects/collects.component';\r\nimport { SmartComponent } from './Pay_Profile/smart/smart.component';\r\nimport { MainLinksComponent } from './Payment_Link/main-links/main-links.component';\r\nimport { CreateMainComponent } from './Payment_Link/create-main/create-main.component';\r\nimport { PQRComponent } from './Payment_QR/p-qr/p-qr.component';\r\nimport { GatewayComponent } from './Payment-Gateway/gateway/gateway.component';\r\nimport { MainRefundsComponent } from './Refunds/main-refunds/main-refunds.component';\r\nimport { MainTransactionsComponent } from './Transactions/main-transactions/main-transactions.component';\r\nimport { KycComponent } from './Video_KYC/kyc/kyc.component';\r\nimport { IntegrationComponent } from './Web_Integration/integration/integration.component';\r\nimport { PayOutComponent } from './Payout/pay-out/pay-out.component';\r\nimport { OnbordingComponent } from './Onboarding/onbording/onbording.component';\r\nimport { FeaturesComponent } from './Payg_Features/features/features.component';\r\nimport { CouponsComponent } from './Coupons/coupons/coupons.component';\r\nimport { PriceComponent } from './Price_Match/price/price.component';\r\nimport { SettlementComponent } from './Settlement/settlement/settlement.component';\r\nimport { PriceMainComponent } from './Price_Match/price-main/price-main.component';\r\nimport { PriceHindiComponent } from './Price_Match/price-hindi/price-hindi.component';\r\nimport { PayoutMainComponent } from './Payout/payout-main/payout-main.component';\r\nimport { PayoutHindiComponent } from './Payout/payout-hindi/payout-hindi.component';\r\nimport {SettlementHindiComponent} from './Settlement/settlement-hindi/settlement-hindi.component';\r\nimport { SettlementMainComponent } from './Settlement/settlement-main/settlement-main.component';\r\nimport { OnboardingMainComponent } from './Onboarding/onboarding-main/onboarding-main.component';\r\nimport { OnboardingHindiComponent } from './Onboarding/onboarding-hindi/onboarding-hindi.component';\r\nimport { FeaturesMainComponent } from './Payg_Features/features-main/features-main.component';\r\nimport { FeaturesHindiComponent } from './Payg_Features/features-hindi/features-hindi.component';\r\nimport { CouponsMainComponent } from './Coupons/coupons-main/coupons-main.component';\r\nimport { CouponsHindiComponent } from './Coupons/coupons-hindi/coupons-hindi.component';\r\nimport { CreatePayoutComponent } from './Payout/create-payout/create-payout.component';\r\nimport { CreatePayoutMainComponent } from './Payout/create-payout-main/create-payout-main.component';\r\nimport { CreatePayoutHindiComponent } from './Payout/create-payout-hindi/create-payout-hindi.component';\r\nimport { ReportsComponent } from './Report/reports/reports.component';\r\nimport { ReportsMainComponent } from './Report/reports-main/reports-main.component';\r\nimport { ReportsHindiComponent } from './Report/reports-hindi/reports-hindi.component';\r\nimport { MerchantComponent } from './Merchant-Dashboard/merchant/merchant.component';\r\nimport { MerchnatMainComponent } from './Merchant-Dashboard/merchnat-main/merchnat-main.component';\r\nimport { MerchantHindiComponent } from './Merchant-Dashboard/merchant-hindi/merchant-hindi.component';\r\nimport { ShareButtonComponent } from './share-button/share-button.component';\r\nimport { ClipboardModule } from 'ngx-clipboard';\r\nimport { PaymentGatewayWorkingComponent } from './Payment-Gateway/payment-gateway-working/payment-gateway-working.component';\r\nimport { PaymentGatewayWorkingHindiComponent } from './Payment-Gateway/payment-gateway-working-hindi/payment-gateway-working-hindi.component';\r\nimport { PaymentGatewayWorkingEnglishComponent } from './Payment-Gateway/payment-gateway-working-english/payment-gateway-working-english.component';\r\nimport { IntroductionResellerComponent } from './Reseller/Reseller-intro/introduction-reseller/introduction-reseller.component';\r\nimport { RegistrationProcessComponent } from './Reseller/Registration-process/registration-process/registration-process.component';\r\nimport { LoginWithQrComponent } from './Reseller/login-with-QR/login-with-qr/login-with-qr.component';\r\nimport { ManualLoginComponent } from './Reseller/Manual-Login-Process/manual-login/manual-login.component';\r\nimport { ResellerIntroHindiComponent } from './Reseller/reseller-intro-hindi/reseller-intro-hindi.component';\r\nimport { ResellerIntroMainComponent } from './Reseller/reseller-intro-main/reseller-intro-main.component';\r\nimport { RegistrationProcessHindiComponent } from './Reseller/registration-process-hindi/registration-process-hindi.component';\r\nimport { RegistrationProcessMainComponent } from './Reseller/registration-process-main/registration-process-main.component';\r\nimport { ManualLoginHindiComponent } from './Reseller/manual-login-hindi/manual-login-hindi.component';\r\nimport { ManualLoginMainComponent } from './Reseller/manual-login-main/manual-login-main.component';\r\nimport { LoginWithQrHindiComponent } from './Reseller/login-with-qr-hindi/login-with-qr-hindi.component';\r\nimport { LoginWithQrMainComponent } from './Reseller/login-with-qr-main/login-with-qr-main.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    AppComponent,\r\n    \r\n    DoctumentationLandingComponent,\r\n\r\n    PayGComponent,\r\n    PayGHindiComponent,\r\n    PaymentLinkComponent,\r\n    PaymentLinkHindiComponent,\r\n    CreateLinkComponent,\r\n    CreateLinkHindiComponent,\r\n    GStoreComponent,\r\n    GStoreHindiComponent,\r\n    PaymentQrComponent,\r\n    PaymentQrHindiComponent,\r\n    WebIntegrationComponent,\r\n    WebIntegrationHindiComponent,\r\n    PaymentGatewayComponent,\r\n    PaymentGatewayHindiComponent,\r\n    VideoKycComponent,\r\n    VideoKycHindiComponent,\r\n    TransactionComponent,\r\n    TransactionHindiComponent,\r\n    RefundsComponent,\r\n    RefundsHindiComponent,\r\n    InvoiceComponent,\r\n    InvoiceHindiComponent,\r\n    EAgreementComponent,\r\n    EAgreementHindiComponent,\r\n    DisputesComponent,\r\n    DisputesHindiComponent,\r\n    PayButtonComponent,\r\n    PayButtonHindiComponent,\r\n    PayProfileComponent,\r\n    PayProfileHindiComponent,\r\n    EasyCollectComponent,\r\n    EasyCollectHindiComponent,\r\n    SmartCollectComponent,\r\n    SmartCollectHindiComponent,\r\n    BookingComponent,\r\n    BookingHindiComponent,\r\n    CreatingProfileComponent,\r\n    CreatingProfileHindiComponent,\r\n    FooterComponent,\r\n    SidebarComponent,\r\n    HeaderComponent,\r\n    BookingTecketingComponent,\r\n    CreateProfileMainComponent,\r\n    DisputesMainComponent,\r\n    AgreementComponent,\r\n    StoreComponent,\r\n    InvoiceMainComponent,\r\n    ButtonsComponent,\r\n    PaygMainComponent,\r\n    MainProfileComponent,\r\n    CollectsComponent,\r\n    SmartComponent,\r\n    MainLinksComponent,\r\n    CreateMainComponent,\r\n    PQRComponent,\r\n    GatewayComponent,\r\n    MainRefundsComponent,\r\n    MainTransactionsComponent,\r\n    KycComponent,\r\n    IntegrationComponent,\r\n    PayOutComponent,\r\n    OnbordingComponent,\r\n    FeaturesComponent,\r\n    CouponsComponent,\r\n    PriceComponent,\r\n    SettlementComponent,\r\n    PriceMainComponent,\r\n    PriceHindiComponent,\r\n    PayoutMainComponent,\r\n    PayoutHindiComponent,\r\n    SettlementHindiComponent,\r\n    SettlementMainComponent,\r\n    PriceMainComponent,\r\n    OnboardingMainComponent,\r\n    OnboardingHindiComponent,\r\n    FeaturesMainComponent,\r\n    FeaturesHindiComponent,\r\n    CouponsMainComponent,\r\n    CouponsHindiComponent,\r\n    CreatePayoutComponent,\r\n    CreatePayoutMainComponent,\r\n    CreatePayoutHindiComponent,\r\n    ReportsComponent,\r\n    ReportsMainComponent,\r\n    ReportsHindiComponent,\r\n    MerchantComponent,\r\n    MerchnatMainComponent,\r\n    MerchantHindiComponent,\r\n    ShareButtonComponent,\r\n    PaymentGatewayWorkingComponent,\r\n    PaymentGatewayWorkingHindiComponent,\r\n    PaymentGatewayWorkingEnglishComponent,\r\n    IntroductionResellerComponent,\r\n    RegistrationProcessComponent,\r\n    LoginWithQrComponent,\r\n    ManualLoginComponent,\r\n    ResellerIntroHindiComponent,\r\n    ResellerIntroMainComponent,\r\n    RegistrationProcessHindiComponent,\r\n    RegistrationProcessMainComponent,\r\n    ManualLoginHindiComponent,\r\n    ManualLoginMainComponent,\r\n    LoginWithQrHindiComponent,\r\n    LoginWithQrMainComponent\r\n  ],\r\n  imports: [\r\n    BrowserModule,\r\n    AppRoutingModule,\r\n      FormsModule,\r\n      CommonModule ,ClipboardModule,\r\n      \r\n    ReactiveFormsModule\r\n    \r\n  ],\r\n  \r\n  providers: [\r\n    // {\r\n    //   provide: HTTP_INTERCEPTORS,\r\n    //   useClass: HttpErrorInterceptor,\r\n    //   multi: true\r\n    // },\r\n     { provide: LocationStrategy, useClass: HashLocationStrategy }\r\n  ],\r\n  bootstrap: [AppComponent]\r\n})\r\nexport class AppModule { }\r\n","import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\n\r\nimport { AppModule } from './app/app.module';\r\n\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule)\r\n  .catch(err => console.error(err));\r\n"],"x_google_ignoreList":[]}