{"version":3,"sources":["webpack:///./src/views/markets/markets.vue","webpack:///./src/views/markets/markets.vue?36cd"],"names":["class","ref","_createElementVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_createVNode","_component_v_lazy_image","src","alt","_hoisted_7","_hoisted_8","_toDisplayString","_ctx","$t","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","href","onClick","_cache","$event","$data","addActive","tab","newsObj","_component_vue_feather","size","type","id","_normalizeClass","active","$setup","store","user","access_token","_createElementBlock","$options","changeTab","style","_normalizeStyle","calcHeight","_hoisted_13","_hoisted_14","_component_WatchlistWidget","watchListType","_hoisted_15","_hoisted_16","_Fragment","_renderList","_$setup$store$categor","categoryWiseMarket","marketsByCategory","assetsObj","this","value","key","_$setup$store$custome","_$setup$store$custome2","_$setup$store$custome3","marketSelected","Object","keys","length","_hoisted_17","getSetID","addClassInBody","_hoisted_19","_hoisted_20","symbol","_hoisted_21","static_vars","marketImageSURL","toUpperCase","replace","toString","split","toLowerCase","title","onError","handleImgErr","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","parseFloat","dailyPriceChangePercentage","lastChangePercentage","aria-hidden","COMMON","livePriceSymbolList","currentPrice","toFixed","_hoisted_28","_hoisted_29","customerDetail","readOnly","instrumentDetail","tradeType","showLoginPopup","_hoisted_30","_hoisted_31","_withModifiers","AddWatchList","filled","isFollowed","_hoisted_33","_$setup$store$categor2","_createBlock","_component_Nodata","page","_hoisted_34","_component_MarketDetail","marketSelectedProp","_hoisted_35","_hoisted_36","_hoisted_37","_$setup$store$categor3","mostPopular","_hoisted_38","_hoisted_39","_hoisted_40","_component_router_link","to","name","params","currency","_$setup$store$categor4","slice","_hoisted_41","_hoisted_42","includes","join","width","height","_hoisted_43","_hoisted_44","_hoisted_45","hourlyChart","_hoisted_47","allPrices","buyPrice","_hoisted_48","_hoisted_49","topWinnersListRates","_hoisted_50","_hoisted_51","_hoisted_52","_hoisted_53","values","_hoisted_54","_hoisted_55","_hoisted_56","_hoisted_57","_hoisted_58","_hoisted_60","topLoosersListRates","_hoisted_61","_hoisted_62","_hoisted_63","_hoisted_64","_hoisted_65","_hoisted_66","_hoisted_67","_hoisted_68","_hoisted_69","_hoisted_71","_component_BuySell","currentInstrumentID","_component_loginPopup","setup","myStore","data","loaderNews","showNews","errImage","perPage","1","2","3","4","5","6","watch","_this$$route$query","$route","query","insID","getCurrecnyDetail","$router","_this$store$categoryW","_this$store$categoryW2","_this$store$categoryW3","_this$store$categoryW4","components","WatchlistWidget","BuySell","MarketDetail","methods","document","querySelector","classList","add","remove","item","window","screen","$refs","scrollToDetail","scrollIntoView","offset","behavior","formData","from","marketIds","moment","subtract","format","getAssetDetail","then","singleLoading","assetDetail","showHideText","list","_id","source","text","description","summary","substring","formatTime","date","d","tz","Date","getTimezoneOffset","fromNow","val","loadMore","payload","getMarketNews","callWatchList","getWatchList","addWatchList","watchList","JSON","parse","stringify","map","i","parseInt","json","push","$patch","filter","addToWatchList","fullSrc","target","img","isImage","getLastTwoDigit","price","callCurrencyWithID","getCurrencywithID","allCategoryPrices","forexPayload","categories","commoditiesPayload","cryptoPayload","indicesPayload","stocksPayload","getRatePageCategories","res","created","_this$store$categoryW5","_this$store$categoryW6","_this$store$categoryW7","_this$store$categoryW8","__exports__","render"],"mappings":"gJACSA,MAAM,oB,GACEA,MAAM,8E,GAENA,MAAM,mB,GACFA,MAAM,Y,GACFA,MAAM,e,GACFA,MAAM,wC,GAEFA,MAAM,a,GACHA,MAAM,qD,GAGPA,MAAM,Q,GAIhBA,MAAM,mB,GACFA,MAAM,kC,GACFA,MAAM,oD,SAmCFA,MAAM,gB,GACFA,MAAM,U,SAIVA,MAAM,gB,GACFA,MAAM,wB,SAGMA,MAAM,oC,iBAEEA,MAAM,qC,GACDA,MAAM,iC,SACFA,MAAM,iB,GAWVA,MAAM,gB,eAKXA,MAAM,c,GAEFA,MAAM,W,GACFA,MAAM,c,GACJA,MAAM,6B,GAuBhBA,MAAM,W,GAEHA,MAAM,8D,6CAiC7BA,MAAM,U,GAOtBA,MAAM,kBAAkBC,IAAI,kB,GAI5BD,MAAM,8B,GACFA,MAAM,oB,GACFA,MAAM,oE,SACFA,MAAM,6B,GAEFA,MAAM,qC,GACJA,MAAM,8C,GAWJA,MAAM,qC,GACDA,MAAM,kC,GAiBPA,MAAM,iB,GAUAA,MAAM,oB,GAIhBA,MAAM,6B,YAGJA,MAAM,6B,GAmBpBA,MAAM,6B,GACFA,MAAM,O,SAOFA,MAAM,mB,IACFA,MAAM,6B,IACFA,MAAM,iC,IACJA,MAAM,yD,IAeJA,MAAM,qC,IACDA,MAAM,kC,IAoBPA,MAAM,iB,IAUAA,MAAM,oB,IAIhBA,MAAM,6B,cAGJA,MAAM,6B,UAqBpBA,MAAM,mB,IACFA,MAAM,6B,IACFA,MAAM,iC,IACJA,MAAM,yD,IAcJA,MAAM,qC,IACDA,MAAM,kC,IAoBPA,MAAM,iB,IAUAA,MAAM,oB,IAIhBA,MAAM,6B,cAGJA,MAAM,6B,kgBA9WzDE,gCA0YM,MA1YNC,EA0YM,CAzYFD,gCAwYU,UAxYVE,EAwYU,CAtYNF,gCAqYM,MArYNG,EAqYM,CApYFH,gCAmYM,MAnYNI,EAmYM,CAlYFJ,gCAUM,MAVNK,EAUM,CATFL,gCAQM,MARNM,EAQM,CAPFC,yBAAqFC,GAAA,CAAvEV,MAAM,YAAYW,IAAI,+BAA+BC,IAAI,cACvEV,gCAKM,MALNW,EAKM,CAJFX,gCAEK,KAFLY,EAEKC,6BADEC,EAAAC,GAAG,qBAAD,GAETf,gCAAiD,IAAjDgB,EAAiDH,6BAA9BC,EAAAC,GAAG,sBAAD,SAIjCf,gCAsIM,MAtINiB,EAsIM,CArIFjB,gCAoIM,MApINkB,EAoIM,CAnIFlB,gCAiCM,MAjCNmB,EAiCM,CAhCFnB,gCAWI,KAXDoB,KAAK,qBACJtB,MAAM,uGACLuB,QAAKC,EAAA,KAAAA,EAAA,GAAAC,GAAEC,GAAAC,WAAaD,GAAAC,Y,2DAEd,GAAPD,GAAAE,IAAgDZ,EAAAC,GAAE,qBAAgE,GAAHS,GAAAE,IAAgDZ,EAAAC,GAAE,oBAA4DS,GAAAG,QAAQH,GAAAE,MAKnO,IACF,GAAAnB,yBAAsEqB,GAAA,CAAzDC,KAAK,KAAKC,KAAK,eAAehC,MAAM,WAErDE,gCAmBK,MAnBD+B,GAAG,WAAWjC,MAAKkC,4BAAA,CAAC,+CAA8C,EAAAC,OAAoBT,GAAAC,e,CAC5ES,GAAAC,MAAMC,KAAKC,c,yBAArBC,gCAEK,M,MAF+BxC,MAAKkC,4BAAA,EAAAC,OAAoB,GAAPT,GAAAE,Q,CAClD1B,gCAAoH,KAAjHF,MAAM,OAAOsB,KAAK,qBAAsBC,QAAKC,EAAA,KAAAA,EAAA,GAAAC,IAAEgB,GAAAC,UAAU,GAAGhB,GAAAC,WAAY,K,6BAAWX,EAAAC,GAAG,sBAAD,I,2CAE5Ff,gCAEK,MAFAF,MAAKkC,4BAAA,EAAAC,OAAoB,GAAPT,GAAAE,Q,CACnB1B,gCAAmH,KAAhHF,MAAM,OAAOsB,KAAK,qBAAsBC,QAAKC,EAAA,KAAAA,EAAA,GAAAC,IAAEgB,GAAAC,UAAU,GAAGhB,GAAAC,WAAY,K,6BAAWX,EAAAC,GAAG,qBAAD,I,GAE5Ff,gCAEK,MAFAF,MAAKkC,4BAAA,EAAAC,OAAoB,GAAPT,GAAAE,Q,CACnB1B,gCAAmH,KAAhHF,MAAM,OAAOsB,KAAK,qBAAsBC,QAAKC,EAAA,KAAAA,EAAA,GAAAC,IAAEgB,GAAAC,UAAU,GAAGhB,GAAAC,WAAY,K,6BAAWX,EAAAC,GAAG,qBAAD,I,GAE5Ff,gCAEK,MAFAF,MAAKkC,4BAAA,EAAAC,OAAoB,GAAPT,GAAAE,Q,CACnB1B,gCAAoH,KAAjHF,MAAM,OAAOsB,KAAK,qBAAsBC,QAAKC,EAAA,KAAAA,EAAA,GAAAC,IAAEgB,GAAAC,UAAU,GAAGhB,GAAAC,WAAY,K,6BAAWX,EAAAC,GAAG,sBAAD,I,GAE5Ff,gCAEK,MAFAF,MAAKkC,4BAAA,EAAAC,OAAoB,GAAPT,GAAAE,Q,CACnB1B,gCAAmH,KAAhHF,MAAM,OAAOsB,KAAK,qBAAsBC,QAAKC,EAAA,KAAAA,EAAA,GAAAC,IAAEgB,GAAAC,UAAU,GAAGhB,GAAAC,WAAY,K,6BAAWX,EAAAC,GAAG,qBAAD,I,GAE5Ff,gCAEK,MAFAF,MAAKkC,4BAAA,EAAAC,OAAoB,GAAPT,GAAAE,Q,CACnB1B,gCAAmH,KAAhHF,MAAM,OAAOsB,KAAK,qBAAsBC,QAAKC,EAAA,KAAAA,EAAA,GAAAC,IAAEgB,GAAAC,UAAU,GAAGhB,GAAAC,WAAY,K,6BAAWX,EAAAC,GAAG,qBAAD,I,SAIpGf,gCAgGM,OAhGDF,MAAM,uCAAwC2C,MAAKC,4BAAA,QAAYlB,GAAAmB,WAAU,W,CACnC,KAAPnB,GAAAE,KAAcQ,GAAAC,MAAMC,KAAKC,c,yBAAzDC,gCAIM,MAJNM,EAIM,CAHF5C,gCAEM,MAFN6C,EAEM,CADFtC,yBAAiEuC,GAAA,CAA/CC,cAAe,oB,uCAGF,KAAPvB,GAAAE,KAAqB,KAAPF,GAAAE,KAAqB,KAAPF,GAAAE,KAAqB,KAAPF,GAAAE,KAAqB,KAAPF,GAAAE,K,yBAAxFY,gCAyFM,MAzFNU,EAyFM,CAxFFhD,gCAoFM,MApFNiD,EAoFM,CAnFFjD,gCAkFK,MAlFDF,MAAKkC,4BAAA,CAAC,WAAU,WAA8B,KAAPR,GAAAE,Q,6BACvCY,gCAgFKY,cAAA,KAAAC,wBAhFqG,QAgFrGC,GAhF6ElB,GAAAC,MAAMkB,0BAAkB,IAAAD,IAAmB,QAAnBA,GAAxBA,GAA0BE,yBAAiB,IAAAF,QAAA,EAA3CA,GAA2C,KAAQG,UAAUC,KAAK9B,MAAG,CAApF+B,EAAOC,KAAG,IAAAC,EAAAC,EAAAC,E,gCAA7EvB,gCAgFK,MAhFAxC,MAAKkC,4BAAA,SAAayB,EAAM1B,IAAE,KAAO+B,eAAe/B,MAAuG2B,IAAKA,G,CACzGK,OAAOC,KAAKP,GAAOQ,Q,yBAAvE3B,gCA8EM,MA9EN4B,EA8EM,CA7EFlE,gCA4EM,OA5EDF,MAAM,yFAA0FuB,QAAKE,IAAEgB,GAAA4B,SAASV,GAAOlB,GAAA6B,mB,CACxHpE,gCAiBM,MAjBNqE,EAiBM,CAhBFrE,gCAWO,OAXPsE,EAWO,CAV+Bb,EAAMc,Q,yBAAxCjC,gCASO,OATPkC,EASO,CARHjE,yBAOkCC,GAAA,CAPpBV,MAAM,aAAcW,IAA2EK,EAAA2D,YAAYC,gBAAuFjB,EAAMc,OAAOI,cAAcC,QAAO,U,OAI/OlE,IAAK+C,EAAMc,OAAOM,WAAWC,MAAM,KAAK,GAAGC,cACjCC,MAA6EvB,EAAMc,OAAOM,WAAWC,MAAK,QAASC,cAE7HE,QAAK3D,EAAA,KAAAA,EAAA,GAAAC,GAAEgB,GAAA2C,aAAa3D,K,0EAG/BvB,gCAGO,OAHPmF,EAGO,CAFHnF,gCACW,MADPF,MAAM,+BAAgCkF,MAAOvB,EAAMc,Q,6BAAWd,EAAMc,QAAM,EAAAa,OAItFpF,gCA0BM,MA1BNqF,EA0BM,CAxBFrF,gCAuBM,MAvBNsF,EAuBM,CAtBFtF,gCAqBM,MArBNuF,EAqBM,CApBFvF,gCAYI,IAZJwF,EAYI,CAXAxF,gCAOO,QAPDF,MAAKkC,4BAAA,CAAC,wBAA0GyD,WAAWhC,EAAMiC,4BAA8BjC,EAAMkC,uBAAoB,E,kBAK/L3F,gCAC2B,KADvBF,MAAKkC,4BAAEyD,WAAWhC,EAAMiC,4BAA8BjC,EAAMkC,sBAAwB,EAAM,sBAAwB,yBAClHC,cAAY,Q,yCACT,IAEP/E,6BAAGC,EAAA+E,OAAOC,oBAAoBrC,EAAMc,OAAM,MAAOd,EAAMsC,eAAY,KAGvE/F,gCAMI,KANDF,MAAKkC,4BAAA,CAAC,kDAAgIyD,WAAWhC,EAAMiC,4BAA8BjC,EAAMkC,uBAAoB,E,8CAKvMF,WAAWhC,EAAMiC,4BAA8BjC,EAAMkC,sBAAwB,EAAM,IAAM,IAAhB9E,6BAAuB4E,WAAWhC,EAAMiC,4BAA8BjC,EAAMkC,sBAAwBF,WAAWhC,EAAMiC,4BAA8BjC,EAAMkC,sBAAsBK,QAAQ,GAAK,GAAI,KACpR,SAIZhG,gCA6BM,MA7BNiG,EA6BM,CA5BFjG,gCAqBM,MArBNkG,EAqBM,CAnBFlG,gCAS+B,KAT5BoB,KAAK,qBACJtB,MAAKkC,4BAAA,CAAC,sCAAqC,UAOC,QAPD2B,EAOnBzB,GAAAC,MAAMgE,sBAAc,IAAAxC,OAAA,EAApBA,EAAsByC,YAN7C/E,QAAKE,IAAEC,GAAA6E,iBAAiB9B,OAASd,EAAMc,OAA6E/C,GAAA6E,iBAAiBX,2BAAkGjC,EAAMkC,qBAAqBnE,GAAA6E,iBAAiBN,aAAetC,EAAMsC,aAAmF7D,GAAAC,MAAMC,KAAKC,aAAqFb,GAAA8E,UAAS,MAAkF9E,GAAA+E,gBAAc,I,6BAOlkBzF,EAAAC,GAAG,gBAAD,GAAAyF,GACTxG,gCAQ+B,KAR5BoB,KAAK,qBACJtB,MAAKkC,4BAAA,CAAC,kCAAiC,UAMK,QANL4B,EAMf1B,GAAAC,MAAMgE,sBAAc,IAAAvC,OAAA,EAApBA,EAAsBwC,YANL/E,QAAKE,IAAwEC,GAAA6E,iBAAiB9B,OAASd,EAAMc,OAA6E/C,GAAA6E,iBAAiBX,2BAAkGjC,EAAMkC,qBAAqBnE,GAAA6E,iBAAiBN,aAAetC,EAAMsC,aAAa7D,GAAAC,MAAMC,KAAKC,aAAqFb,GAAA8E,UAAS,OAAmF9E,GAAA+E,gBAAc,I,6BAO3mBzF,EAAAC,GAAG,gBAAD,GAAA0F,KAEbzG,gCAKI,KALDF,MAAKkC,4BAAA,CAAC,eAAc,UAEuB,QAFvB6B,EAEG3B,GAAAC,MAAMgE,sBAAc,IAAAtC,OAAA,EAApBA,EAAsBuC,YAFxBhF,KAAK,qBACxBC,QAAKqF,2BAAAnF,GAAOgB,GAAAoE,aAAalD,GAAK,W,CAE/BlD,yBAC8DqB,GAAA,CADjDE,KAAK,OAAOD,KAAK,KACzB/B,MAAKkC,4BAAA,EAAA4E,OAAarE,GAAAsE,WAAWpD,EAAM1B,Q,6FAQpE/B,gCAEM,MAFN8G,EAEM,CADqC,Q,GAAxB5E,GAAAC,MAAMkB,0BAAkB,IAAA0D,IAAmB,QAAnBA,GAAxBA,GAA0BzD,yBAAiB,IAAAyD,IAA0B,QAA1BA,GAA3CA,GAA2C,KAAQxD,UAAUC,KAAK9B,aAAG,IAAAqF,IAArEA,GAAyE9C,O,iEAAxF+C,yBAA8HC,GAAA,C,MAA7BC,KAAM,qB,+CAM3HlH,gCAEM,MAFNmH,EAEM,CADF5G,yBAAoD6G,GAAA,CAArCC,mBAAoB7F,GAAAsC,gBAAc,gC,KAGrD9D,gCA2OM,MA3ONsH,EA2OM,CA1OFtH,gCAyOM,MAzONuH,EAyOM,CAxOFvH,gCAoEM,MApENwH,EAoEM,CAlEgC,Q,GAAxBtF,GAAAC,MAAMkB,0BAAkB,IAAAoE,IAAa,QAAbA,GAAxBA,GAA0BC,mBAAW,IAAAD,IAArCA,GAAuCxD,Q,yBADjD3B,gCAkEM,MAlENqF,EAkEM,CAhEF3H,gCAUM,MAVN4H,EAUM,CATF5H,gCAII,IAJJ6H,EAII,CAHAtH,yBACsBC,GAAA,CADRV,MAAM,OAAOW,IAAI,6BAC3BC,IAAI,c,6BAAc,IACtBG,6BAAGC,EAAAC,GAAG,qBAAD,KAETR,yBAGcuH,GAAA,CAHAC,GAAI,CAAAC,KAAA,aAAAC,OAAA,CAAAC,SAAA,YACdpI,MAAM,aAAasB,KAAK,sB,8BACxB,IAAgD,CAAhDb,yBAAgDqB,GAAA,CAAnCE,KAAK,oB,oCAG1BQ,gCAoDMY,cAAA,KAAAC,wBApD6E,QAoD7EgF,GApDqDjG,GAAAC,MAAMkB,0BAAkB,IAAA8E,QAAA,EAAxBA,GAA0BT,YAAYU,MAAM,EAAG,GAAJ,CAA1D3E,EAAOC,K,yBAAnDpB,gCAoDM,OApDDxC,MAAM,yBAAoG4D,IAAKA,G,CAChH1D,gCA+BM,MA/BNqI,EA+BM,CA9BFrI,gCAgBO,OAhBPsI,EAgBO,CAfH/H,yBAccuH,GAAA,CAdAC,GAAE,C,iCAAqKtE,EAAM1B,G,SAAuD0B,EAAMc,OAAOgE,SAAQ,KAAiD9E,EAAMc,OAAOO,MAAK,KAAM0D,KAAI,KAAiD/E,EAAMc,U,8BASvY,IAI2D,CAJ3DhE,yBAI2DC,GAAA,CAJ7CiI,MAAM,KAAKC,OAAO,KAAK5I,MAAM,aAAcW,IAAkDK,EAAA2D,YAAYC,gBAA8DjB,EAAMc,OAAOI,cAAcC,QAAO,U,OAI9NlE,IAAI,YAAYsE,MAAM,YAAaC,QAAK3D,EAAA,KAAAA,EAAA,GAAAC,GAAEgB,GAAA2C,aAAa3D,K,sCAGxDvB,gCAYM,MAZN2I,EAYM,CAXFpI,yBAUcuH,GAAA,CAVAC,GAAE,C,iCAAqKtE,EAAM1B,G,SAAuD0B,EAAMc,OAAOgE,SAAQ,KAAiD9E,EAAMc,OAAOO,MAAK,KAAM0D,KAAI,KAAiD/E,EAAMc,U,8BASvY,IAAwD,CAAxDvE,gCAAwD,IAAxD4I,EAAwD/H,6BAAzB4C,EAAMc,QAAU,IAAJ,K,sBAIvDvE,gCAkBM,MAlBN6I,EAkBM,C,4BAjBF7I,gCACgE,OAD1D+B,GAAE,cAAkB0B,EAAM1B,GAAIU,MAAA,6BACE3C,MAAM,e,uBAAhC2D,EAAMqF,YAAY7E,UAC9BjE,gCAMI,IANJ+I,EAMIlI,6BAJA4C,EAAMc,UAAUrC,GAAAC,MAAM6G,UAA6D9G,GAAAC,MAAM6G,UAAUvF,EAAMc,QAAQ0E,SAA4DxF,EAAMsC,cAAY,GAKnM/F,gCAOI,KAPDF,MAAKkC,4BAAA,CAAC,sCAAqFyD,WAAWhC,EAAMkC,uBAAoB,E,8CAK5HF,WAAWhC,EAAMkC,uBAAyB,EAAM,IAAM,IAAjB9E,6BACnC4E,WAAWhC,EAAMkC,sBAAsBK,QAAQ,IAAM,GAAI,KAClE,S,kDAKhBhG,gCAkKM,MAlKNkJ,EAkKM,CAjKFlJ,gCAgKM,MAhKNmJ,EAgKM,CAzJiCpF,OAAOC,KAAK9B,GAAAC,MAAMiH,qBAAqBnF,Q,yBAA1E3B,gCA4EM,MA5EN+G,EA4EM,CA3EFrJ,gCA0EM,MA1ENsJ,GA0EM,CAzEFtJ,gCAYM,MAZNuJ,GAYM,CAXFvJ,gCAKI,IALJwJ,GAKI,CAJAjJ,yBAEsBC,GAAA,CAFRV,MAAM,OAChBW,IAAI,gDACJC,IAAI,c,6BAAc,IACtBG,6BAAGC,EAAAC,GAAG,qBAAD,KAETR,yBAIcuH,GAAA,CAHTC,GAAI,CAAAC,KAAA,aAAAC,OAAA,CAAAC,SAAA,YACLpI,MAAM,aAAasB,KAAK,sB,8BACxB,IAAgD,CAAhDb,yBAAgDqB,GAAA,CAAnCE,KAAK,oB,oCAG1BQ,gCA2DMY,cAAA,KAAAC,wBA3DqDY,OAAO0F,OAA8CvH,GAAAC,MAAMiH,qBAA4DhB,MAAK,MAA3I3E,EAAOC,K,yBAAnDpB,gCA2DM,OA3DDxC,MAAM,yBAEF4D,IAAKA,G,CACV1D,gCAkCM,MAlCN0J,GAkCM,CAjCF1J,gCAmBO,OAnBP2J,GAmBO,CAlBHpJ,yBAiBcuH,GAAA,CAjBAC,GAAE,C,iCAAuLtE,EAAM1B,G,SAA6D0B,EAAMc,OAAOgE,SAAQ,KAAuD9E,EAAMc,OAAOO,MAAK,KAAM0D,KAAI,KAAuD/E,EAAMc,U,8BAS3a,IAOuB,CAPvBhE,yBAOuBC,GAAA,CAPTiI,MAAM,KAAKC,OAAO,KAAK5I,MAAM,aACtCW,IAAwDK,EAAA2D,YAAYC,gBAAoEjB,EAAMc,OAAOI,cAAcC,QAAO,U,OAIvLlE,IAAK+C,EAAMc,OAAOM,WAAWC,MAAM,KAAK,GAAGC,cAAgBC,MAA0DvB,EAAMc,OAAOM,WAAWC,MAAK,QAASC,cAE3JE,QAAK3D,EAAA,KAAAA,EAAA,GAAAC,GAAEgB,GAAA2C,aAAa3D,K,oDAGpBvB,gCAYM,MAZN4J,GAYM,CAXFrJ,yBAUcuH,GAAA,CAVAC,GAAE,C,iCAAuLtE,EAAM1B,G,SAA6D0B,EAAMc,OAAOgE,SAAQ,KAAuD9E,EAAMc,OAAOO,MAAK,KAAM0D,KAAI,KAAuD/E,EAAMc,U,8BAS3a,IAAwD,CAAxDvE,gCAAwD,IAAxD6J,GAAwDhJ,6BAAzB4C,EAAMc,QAAU,IAAJ,K,sBAIvDvE,gCAoBM,MApBN8J,GAoBM,C,4BAnBF9J,gCACgE,OAD1D+B,GAAE,YAAgB0B,EAAM1B,GAAIU,MAAA,6BACI3C,MAAM,e,wBAAhC2D,EAAMqF,YAAY7E,UAC9BjE,gCAMI,IANJ+J,GAMIlJ,6BAJA4C,EAAMc,UAAUrC,GAAAC,MAAM6G,UAAqE9G,GAAAC,MAAM6G,UAAUvF,EAAMc,QAAQ0E,SAAoExF,EAAMsC,cAAY,GAKnN/F,gCASI,KATDF,MAAKkC,4BAAA,CAAC,sCAA2FyD,WAAWhC,EAAMkC,uBAAoB,E,8CAKlIF,WAAWhC,EAAMkC,uBAAyB,EAAM,IAAM,IAAjB9E,6BAExC4E,WAAWhC,EAAMkC,sBAAsBK,QAAQ,IAAM,GACnD,KACN,S,kDAKmBjC,OAAOC,KAAK9B,GAAAC,MAAM6H,qBAAqB/F,Q,yBAA1E3B,gCA2EM,MA3EN2H,GA2EM,CA1EFjK,gCAyEM,MAzENkK,GAyEM,CAxEFlK,gCAWM,MAXNmK,GAWM,CAVFnK,gCAII,IAJJoK,GAII,CAHA7J,yBACsBC,GAAA,CADRV,MAAM,OAAOW,IAAI,gCAC3BC,IAAI,c,6BAAc,IACtBG,6BAAGC,EAAAC,GAAG,qBAAD,KAETR,yBAIcuH,GAAA,CAHTC,GAAI,CAAAC,KAAA,aAAAC,OAAA,CAAAC,SAAA,YACLpI,MAAM,aAAasB,KAAK,sB,8BACxB,IAAgD,CAAhDb,yBAAgDqB,GAAA,CAAnCE,KAAK,oB,oCAG1BQ,gCA2DMY,cAAA,KAAAC,wBA3DqDY,OAAO0F,OAA8CvH,GAAAC,MAAM6H,qBAA4D5B,MAAK,MAA3I3E,EAAOC,K,yBAAnDpB,gCA2DM,OA3DDxC,MAAM,yBAEF4D,IAAKA,G,CACV1D,gCAkCM,MAlCNqK,GAkCM,CAjCFrK,gCAmBO,OAnBPsK,GAmBO,CAlBH/J,yBAiBcuH,GAAA,CAjBAC,GAAE,C,iCAAuLtE,EAAM1B,G,SAA6D0B,EAAMc,OAAOgE,SAAQ,KAAuD9E,EAAMc,OAAOO,MAAK,KAAM0D,KAAI,KAAuD/E,EAAMc,U,8BAS3a,IAOuB,CAPvBhE,yBAOuBC,GAAA,CAPTiI,MAAM,KAAKC,OAAO,KAAK5I,MAAM,aACtCW,IAAwDK,EAAA2D,YAAYC,gBAAoEjB,EAAMc,OAAOI,cAAcC,QAAO,U,OAIvLlE,IAAK+C,EAAMc,OAAOM,WAAWC,MAAM,KAAK,GAAGC,cAAgBC,MAA0DvB,EAAMc,OAAOM,WAAWC,MAAK,QAASC,cAE3JE,QAAK3D,EAAA,MAAAA,EAAA,IAAAC,GAAEgB,GAAA2C,aAAa3D,K,oDAGpBvB,gCAYM,MAZNuK,GAYM,CAXFhK,yBAUcuH,GAAA,CAVAC,GAAE,C,iCAAuLtE,EAAM1B,G,SAA6D0B,EAAMc,OAAOgE,SAAQ,KAAuD9E,EAAMc,OAAOO,MAAK,KAAM0D,KAAI,KAAuD/E,EAAMc,U,8BAS3a,IAAwD,CAAxDvE,gCAAwD,IAAxDwK,GAAwD3J,6BAAzB4C,EAAMc,QAAU,IAAJ,K,sBAIvDvE,gCAoBM,MApBNyK,GAoBM,C,4BAnBFzK,gCACgE,OAD1D+B,GAAE,aAAiB0B,EAAM1B,GAAIU,MAAA,6BACG3C,MAAM,e,wBAAhC2D,EAAMqF,YAAY7E,UAC9BjE,gCAMI,IANJ0K,GAMI7J,6BAJA4C,EAAMc,UAAUrC,GAAAC,MAAM6G,UAAqE9G,GAAAC,MAAM6G,UAAUvF,EAAMc,QAAQ0E,SAAoExF,EAAMsC,cAAY,GAKnN/F,gCASI,KATDF,MAAKkC,4BAAA,CAAC,sCAA2FyD,WAAWhC,EAAMkC,uBAAoB,E,8CAKlIF,WAAWhC,EAAMkC,uBAAyB,EAAM,IAAM,IAAjB9E,6BAExC4E,WAAWhC,EAAMkC,sBAAsBK,QAAQ,IAAM,GACnD,KACN,S,kEAajCxE,GAAA8E,W,yBAAfU,yBAAyE2D,GAAA,C,MAA9CC,oBAAmB,KAAO9G,eAAe/B,I,wEAClDP,GAAA+E,gB,yBAAlBS,yBAA+C6D,GAAA,CAAAnH,IAAA,K,uIAQhC,IACXoH,QACI,MAAM3I,EAAQ4I,kBACd,MAAO,CAAE5I,UAEb6I,OACI,MAAO,CACH1E,UAAW,GACXD,iBAAkB,CAAE9B,OAAQ,GAAImB,2BAA4B,EAAGK,aAAc,GAC7EkF,YAAY,EACZxJ,WAAW,EACXyJ,SAAU,GACVxJ,IAAK,EACLyJ,SAAU,GACV5E,gBAAgB,EAChBW,KAAM,EACNkE,QAAS,EACTzJ,QAAS,CACL0J,EAAG,MACHC,EAAG9H,KAAKzC,GAAG,oBACXwK,EAAG,MACHC,EAAGhI,KAAKzC,GAAG,qBACX0K,EAAGjI,KAAKzC,GAAG,oBACX2K,EAAGlI,KAAKzC,GAAG,qBAEf+C,eAAiB,GACjBP,UAAW,CACP8H,EAAG,GACHC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,EAAG,KAEP/I,WAAY,KAGpBgJ,MAAO,CACH,iBAAgB,IAAAC,EACQ,QAApBA,EAAGpI,KAAKqI,OAAOC,aAAK,IAAAF,GAAjBA,EAAmBG,QAClBvI,KAAKwI,oBACLxI,KAAKyI,QAAQrH,QAAQ,CAAC,MAAQ,SAGtC,6BAA4B,IAAAsH,EAAAC,EAM4BC,EAAAC,EALpB,QAA7BH,EAAA1I,KAAKrB,MAAMkB,0BAAkB,IAAA6I,GAA7BA,EAA+B5I,mBAAsBS,OAAOC,KAAkC,QAA9BmI,EAAC3I,KAAKrB,MAAMkB,0BAAkB,IAAA8I,OAAA,EAA7BA,EAA+B7I,mBAAmBW,SAC/GF,OAAOC,KAAKR,KAAKqI,OAAOC,OAAO7H,QAC9BT,KAAKwI,oBACLxI,KAAKyI,QAAQrH,QAAQ,CAAC,MAAQ,QAE1Bb,OAAOC,KAAKR,KAAKM,gBAAgBG,SACjCT,KAAKM,eAAiBC,OAAO0F,OAAoC,QAA9B2C,EAAC5I,KAAKrB,MAAMkB,0BAAkB,IAAA+I,OAAA,EAA7BA,EAA+B9I,kBAAkBS,OAAOC,KAAkC,QAA9BqI,EAAC7I,KAAKrB,MAAMkB,0BAAkB,IAAAgJ,OAAA,EAA7BA,EAA+B/I,mBAAmB,KAAK,OAM5KgJ,WAAY,CAAEC,wBAAiBC,gBAASC,4BACxCC,QAAS,CACLtI,iBACOZ,KAAK8C,UACJqG,SAASC,cAAc,QAAQC,UAAUC,IAAI,gBAE7CH,SAASC,cAAc,QAAQC,UAAUE,OAAO,iBAGxD5I,SAAS6I,GACLxJ,KAAKM,eAAiBkJ,EACtB,IAAIvE,EAAQwE,OAAOC,OAAOzE,MACvBA,EAAQ,KACPjF,KAAK2J,MAAMC,eAAeC,eAAe,CACrCC,OAAQ,GACRC,SAAU,YAItBvB,oBACI,IAAIwB,EAAW,CACXC,KAAM,GACN1F,GAAI,GACJ2F,UAAW,CAAClK,KAAKqI,OAAOC,MAAMC,QAElCyB,EAAS,QAAUG,OAASC,SAAS,EAAG,QAAQC,OAAO,cACvDL,EAAS,MAAQG,OAASE,OAAO,cACjCrK,KAAKrB,MAAM2L,eAAeN,GAAU,EAAMhK,MAAMuK,KAAK,MAC5CvK,KAAKrB,MAAM6L,eAAiBjK,OAAOC,KAAKR,KAAKrB,MAAM8L,aAAahK,QACjET,KAAKW,SAASX,KAAKrB,MAAM8L,gBAIrCC,aAAaC,GACT,OAAIpK,OAAOC,KAAKmK,GAAMlK,OACdF,OAAOC,KAAKR,KAAK0H,UAAUjH,QAAUkK,EAAKC,KAAO5K,KAAK0H,SAASkD,IAC5C,OAAfD,EAAKE,QAAmBF,EAAKG,KACtBH,EAAKG,KACLH,EAAKI,aAGO,MAAfJ,EAAKE,OAFFF,EAAKI,YAKDJ,EAAKK,QAID,OAAfL,EAAKE,QAAmBF,EAAKG,KACnBH,EAAKG,KAAKG,UAAU,EAAG,IAAzB,MACDN,EAAKI,aAGO,MAAfJ,EAAKE,QAAkBF,EAAKG,KAFtBH,EAAKI,YAAYE,UAAU,EAAG,IAAhC,MAIGN,EAAKG,KACFH,EAAKK,QAAQC,UAAU,EAAG,IAA5B,WADL,EAMR,IAGfC,WAAWC,EAAMd,EAAQP,GACrB,IAAKqB,EAAM,MAAO,MAClB,IAAIC,EAAIjB,KACH,GAAEgB,EAAK7J,MAAM,KAAK,MAAM6J,EAAK7J,MAAM,KAAK,KACzC,uBAEA+J,EAAe,GAAVvB,EAAcA,IAAU,IAAIwB,MAAOC,oBAE5C,OADAH,EAAE9B,IAAI+B,EAAI,WACHD,EAAEI,WAEbxM,UAAUyM,GACNzL,KAAK9B,IAAMuN,GAWfC,SAASD,GACL,IAAIE,EAAU,CACVjI,KAAM1D,KAAK0D,KAAO,EAClBkE,QAAS5H,KAAK4H,SAEO,OAArB5H,KAAK7B,QAAQsN,KACbE,EAAQ,iBAAmB3L,KAAK7B,QAAQsN,IAE5CzL,KAAKrB,MAAMiN,cAAcD,GAAS,EAAM3L,OAE5C6L,gBACI7L,KAAKrB,MAAMmN,aAAa,IAAI,EAAO,MAEvC3I,aAAaqG,GACJxJ,KAAKrB,MAAMC,KAAKC,cAGjBmB,KAAK+C,gBAAiB,EAClB/C,KAAKqD,WAAWmG,EAAKjL,IACrByB,KAAK+L,aAAavC,EAAM,UAExBxJ,KAAK+L,aAAavC,EAAM,QAN5BxJ,KAAK+C,gBAAiB,GAU9BM,WAAW9E,GACP,GAAIyB,KAAKrB,MAAMqN,UAAUvL,OAAQ,CAC7B,IAAI+G,EAAOyE,KAAKC,MAAMD,KAAKE,UAAUnM,KAAKrB,MAAMqN,YAEhD,OADAxE,EAAOA,EAAK4E,IAAKC,GAAMA,EAAE9N,MACrBiJ,EAAKzC,SAASuH,SAAS/N,IAM3B,OAAO,GAGfwN,aAAavC,EAAMlL,GACf,IAAIqN,EAAU,CACVnC,KAAMA,EAAKjL,GACXD,KAAM,UAENiO,EAAO,GACX,GAAY,OAARjO,EAAe,CACfiO,EAAK,MAAQ/C,EAAKjL,GAClBgO,EAAK,QAAU,SACfA,EAAK,gBAAkB/C,EAAKjH,aAC5BgK,EAAK,8BAAgC/C,EAAKtH,2BAC1CqK,EAAK,eAAiB/C,EAAKuB,YAC3BwB,EAAK,QAAU/C,EAAKhF,KACpB+H,EAAK,SAAW,GAChB,IAAI/E,EAAOxH,KAAKrB,MAAMqN,UACtBxE,EAAKgF,KAAKD,GACVvM,KAAKrB,MAAM8N,OAAO,CAAET,UAAWxE,SAC5B,GAAY,UAARlJ,EAAkB,CACzB,IAAIkJ,EAAOxH,KAAKrB,MAAMqN,UAAUU,OAC3BL,GAAMC,SAASD,EAAE9N,KAAO+N,SAAS9C,EAAKjL,KAE3CyB,KAAKrB,MAAM8N,OAAO,CAAET,UAAWxE,IAEnCxH,KAAKrB,MAAMgO,eAAehB,GAAS,EAAO3L,KAAM1B,IAEpDoD,aAAa+J,GACT,IAAImB,EAAUnB,EAAIoB,OAAO5P,IAAIqE,MAAM,KAC/BrE,EAAM2P,EAAQA,EAAQnM,OAAS,GAAGa,MAAM,KACxCwL,EAAM7P,EAAIA,EAAIwD,OAAS,GACtBT,KAAK2H,SAAS5C,SAAS+H,IACxB9M,KAAK2H,SAAS6E,KAAKM,IAG3BC,QAAQD,GACJ,OAAO9M,KAAK2H,SAAS5C,SAAS+H,IAElCE,gBAAgBC,GACZ,GAAIA,EAAO,CAEP,GADAA,EAAQA,EAAM5L,WACV4L,EAAM3L,MAAM,KAAK,IAAM2L,EAAM3L,MAAM,KAAK,GAAGb,OAAS,EACpD,MAAO,GACJ,GAAIwM,EAAM3L,MAAM,KAAK,IAAM2L,EAAM3L,MAAM,KAAK,GAAGb,QAAU,EAC5D,OAAOwM,EACF3L,MAAM,KAAK,GACXsD,MAAMqI,EAAM3L,MAAM,KAAK,GAAGb,OAAS,EAAGwM,EAAM3L,MAAM,KAAK,GAAGb,UAI3EyM,qBACIlN,KAAKrB,MAAMwO,kBAAkB,IAAI,IAErCC,oBACI,IAAIpD,EAAW,CACXC,KAAME,OAASC,SAAS,EAAG,QAAQC,OAAO,cAC1C9F,GAAI4F,OAASE,OAAO,eAKpBgD,EAAe,CACfC,WAAY,CAAC,MACVtD,GAEHuD,EAAqB,CACrBD,WAAY,CAAC,MACVtD,GAEHwD,EAAgB,CAChBF,WAAY,CAAC,MACVtD,GAEHyD,EAAiB,CACjBH,WAAY,CAAC,MACVtD,GAEH0D,EAAgB,CAChBJ,WAAY,CAAC,MACVtD,GAEiB,cAApBhK,KAAKqI,OAAO7D,MACZxE,KAAKrB,MAAMgP,sBAAsBN,GAAc,GAAO9C,KAAMqD,IACrDA,IACIrN,OAAOC,KAAKR,KAAKqI,OAAOC,OAAO7H,QAC9BT,KAAKwI,oBACLxI,KAAKyI,QAAQrH,QAAQ,CAAC,MAAQ,QAE9BpB,KAAKM,eAAiBC,OAAO0F,OAAO2H,GAAK,MAKjC,cAApB5N,KAAKqI,OAAO7D,MACZxE,KAAKrB,MAAMgP,sBAAsBJ,GAAoB,GAEjC,cAApBvN,KAAKqI,OAAO7D,MACZxE,KAAKrB,MAAMgP,sBAAsBH,GAAe,GAE5B,cAApBxN,KAAKqI,OAAO7D,MACZxE,KAAKrB,MAAMgP,sBAAsBF,GAAgB,GAE7B,cAApBzN,KAAKqI,OAAO7D,MACZxE,KAAKrB,MAAMgP,sBAAsBD,GAAe,KAK5DG,UAAU,IAAAC,EAAAC,EAKKC,EAAAC,EAJqB,QAA7BH,EAAA9N,KAAKrB,MAAMkB,0BAAkB,IAAAiO,GAA7BA,EAA+BhO,mBAAsBS,OAAOC,KAAkC,QAA9BuN,EAAC/N,KAAKrB,MAAMkB,0BAAkB,IAAAkO,OAAA,EAA7BA,EAA+BjO,mBAAmBW,SAC/GF,OAAOC,KAAKR,KAAKqI,OAAOC,OAAO7H,QAC9BT,KAAKwI,oBACLxI,KAAKyI,QAAQrH,QAAQ,CAAC,MAAQ,QAE9BpB,KAAKM,eAAiBC,OAAO0F,OAAoC,QAA9B+H,EAAChO,KAAKrB,MAAMkB,0BAAkB,IAAAmO,OAAA,EAA7BA,EAA+BlO,kBAAkBS,OAAOC,KAAkC,QAA9ByN,EAACjO,KAAKrB,MAAMkB,0BAAkB,IAAAoO,OAAA,EAA7BA,EAA+BnO,mBAAmB,KAAK,IAKhKE,KAAKkN,qBAEDlN,KAAKrB,MAAMC,KAAKC,aAChBmB,KAAK9B,IAAM,EAEX8B,KAAK9B,IAAM,I,wBC/rB3B,MAAMgQ,GAA2B,KAAgB,GAAQ,CAAC,CAAC,SAASC,MAErD","file":"js/chunk-2d225625.b36f7f98.js","sourcesContent":["<template>\r\n    <div class=\"mainWrapper pb-0\">\r\n        <section class=\"blockElement space flexCol fiveColumn position-relative newMarketLoop pt-4\">\r\n            <!-- v-if=\"!store.loading\" -->\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row mb-3\">\r\n                    <div class=\"col-12 mb-3\">\r\n                        <div class=\"d-flex align-items-start mb-2 line-1\">\r\n                            <v-lazy-image class=\"me-2 mt-1\" src=\"/assets/images/maktTrade.png\" alt=\"IconArrow\" />\r\n                            <div class=\"leftBlock\">\r\n                                <h1 class=\"d-flex align-items-center medium f-30 mb-2 line-1\">\r\n                                    {{ $t(\"marketList.text1\") }}\r\n                                </h1>\r\n                                <p class=\"mb-0\">{{ $t(\"marketList.text22\") }}</p>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-12 col-lg-4\" >\r\n                        <div class=\"bg-white border br-18 p-0 mb-4\">\r\n                            <div class=\"addBG overflow-auto megaDropMenu newFillTabs p-3\">\r\n                                <a href=\"javascript:void(0)\"\r\n                                    class=\"button fillBtn zulu_btn mobButoon d-inline-flex align-items-center justify-content-between d-md-none\"\r\n                                    @click=\"addActive = !addActive\">\r\n                                    {{\r\n                                    tab == 1\r\n                                    ? $t(\"marketList.text11\")\r\n                                    : tab == 3\r\n                                    ? $t(\"marketList.text7\")\r\n                                    : newsObj[tab]\r\n                                    }}\r\n                                    <vue-feather size=\"18\" type=\"chevron-down\" class=\"ms-3\"></vue-feather>\r\n                                </a>\r\n                                <ul id=\"tabs-nav\" class=\"zuluTabs d-flex align-items-center px-0 mb-1\" :class=\"[{ active: addActive }]\">\r\n                                    <li v-if=\"store.user.access_token\" :class=\"[{ active: tab == 1 }]\">\r\n                                        <a class=\"f-15\" href=\"javascript:void(0)\" @click=\"changeTab(1);addActive = false;\">{{ $t(\"marketList.text11\") }}</a>\r\n                                    </li>\r\n                                    <li :class=\"[{ active: tab == 2 }]\">\r\n                                        <a class=\"f-15\" href=\"javascript:void(0)\" @click=\"changeTab(2);addActive = false;\">{{ $t(\"marketList.text5\") }}</a>\r\n                                    </li>\r\n                                    <li :class=\"[{ active: tab == 3 }]\">\r\n                                        <a class=\"f-15\" href=\"javascript:void(0)\" @click=\"changeTab(3);addActive = false;\">{{ $t(\"marketList.text7\") }}</a>\r\n                                    </li>\r\n                                    <li :class=\"[{ active: tab == 4 }]\">\r\n                                        <a class=\"f-15\" href=\"javascript:void(0)\" @click=\"changeTab(4);addActive = false;\">{{ $t(\"marketList.text10\") }}</a>\r\n                                    </li>\r\n                                    <li :class=\"[{ active: tab == 5 }]\">\r\n                                        <a class=\"f-15\" href=\"javascript:void(0)\" @click=\"changeTab(5);addActive = false;\">{{ $t(\"marketList.text8\") }}</a>\r\n                                    </li>\r\n                                    <li :class=\"[{ active: tab == 6 }]\">\r\n                                        <a class=\"f-15\" href=\"javascript:void(0)\" @click=\"changeTab(6);addActive = false;\">{{ $t(\"marketList.text9\") }}</a>\r\n                                    </li>\r\n                                </ul>\r\n                            </div>\r\n                            <div class=\"showCriptoTabs overflow-auto px-md-3\" :style=\"{'height':calcHeight-80 + 'px'}\">\r\n                                <div class=\"row mx-0 g-0\" v-if=\"tab == '1' && store.user.access_token\">\r\n                                    <div class=\"col-12\">\r\n                                        <WatchlistWidget :watchListType=\"'NEW_MARKET'\"></WatchlistWidget>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row mx-0 g-0\" v-if=\"tab == '2' || tab == '3' || tab == '4' || tab == '5' || tab == '6'\">\r\n                                    <div class=\"col-12 overflow-auto \">\r\n                                        <ul class=\"loopList\" :class=\"{'stocksTab': tab == '3'}\">\r\n                                            <li :class=\"[{'active':value.id==this.marketSelected.id}]\" v-for=\"(value, key) in store.categoryWiseMarket?.marketsByCategory?.[this.assetsObj[this.tab]]\" :key=\"key\">\r\n                                                <div class=\"customTradeAdd shadow-none w-100\" v-if=\"Object.keys(value).length\">\r\n                                                    <div class=\"card-body px-0 py-2 text-center position-relative flex-between pointer pricePercentage\" @click=\"getSetID(value);addClassInBody()\">\r\n                                                        <div class=\"vueRisk d-flex align-items-center\">\r\n                                                            <span class=\"mb-0 d-flex defineCircle me-2\">\r\n                                                                <span class=\"d-inline-flex\" v-if=\"value.symbol\">\r\n                                                                    <v-lazy-image class=\"euCurrency\" :src=\"\r\n                                                                    static_vars.marketImageSURL +\r\n                                                                    value.symbol.toUpperCase().replace(/\\//g, '') +\r\n                                                                    '.svg'\r\n                                                                    \" :alt=\"value.symbol.toString().split('/')[0].toLowerCase()\"\r\n                                                                                :title=\"\r\n                                                                    value.symbol.toString().split('/')[0].toLowerCase()\r\n                                                                    \" @error=\"handleImgErr($event)\" />\r\n                                                                </span>\r\n                                                            </span>\r\n                                                            <span class=\"mb-0 d-block\">\r\n                                                                <h6 class=\"mb-0 medium neutralGrey f-15\" :title=\"value.symbol\">{{ value.symbol\r\n                                                                    }}</h6>\r\n                                                            </span>\r\n                                                        </div>\r\n                                                        <div class=\"title mb-0\">\r\n\r\n                                                            <div class=\"element\">\r\n                                                                <div class=\"elementHub\">\r\n                                                                    <p class=\"mb-0 p-0 neutralGrey f-15\" >\r\n                                                                        <span class=\"arw position-absolute\" :class=\"\r\n                                                                        parseFloat(value.dailyPriceChangePercentage || value.lastChangePercentage) >= 0.0\r\n                                                                        ? 'green'\r\n                                                                        : 'red'\r\n                                                                        \">\r\n                                                                        <i :class=\"parseFloat(value.dailyPriceChangePercentage || value.lastChangePercentage) > 0.0 ? 'fa fa-caret-up me-1' : 'fa fa-caret-down me-1'\"\r\n                                                                            aria-hidden=\"true\"></i>\r\n                                                                        </span>\r\n\r\n                                                                        {{ COMMON.livePriceSymbolList(value.symbol,'buy',value.currentPrice)\r\n                                                                        }}\r\n                                                                    </p>\r\n                                                                    <p class=\"mb-0 py-0 d-inline-flex align-items-center f-14\" :class=\"\r\n                                                                    parseFloat(value.dailyPriceChangePercentage || value.lastChangePercentage) >= 0.0\r\n                                                                    ? 'green'\r\n                                                                    : 'red'\r\n                                                                    \">\r\n                                                                            {{ parseFloat(value.dailyPriceChangePercentage || value.lastChangePercentage) > 0.0 ? \"+\" : \"\"}}{{ parseFloat(value.dailyPriceChangePercentage || value.lastChangePercentage) ? parseFloat(value.dailyPriceChangePercentage || value.lastChangePercentage).toFixed(2) : 0 }}%\r\n                                                                    </p>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div class=\"abTrade\">\r\n                                                            <div\r\n                                                                class=\"d-flex align-items-center justify-content-center tradeType\">\r\n                                                                <a href=\"javascript:void(0)\"\r\n                                                                    class=\"button buyBtn fillBtn zulu_btn me-1\"\r\n                                                                    @click=\"instrumentDetail.symbol = value.symbol;\r\n                                                                    instrumentDetail.dailyPriceChangePercentage =\r\n                                                                    value.lastChangePercentage;instrumentDetail.currentPrice = value.currentPrice;\r\n                                                                    store.user.access_token\r\n                                                                    ? (tradeType = 'buy')\r\n                                                                    : (showLoginPopup = true);\r\n                                                                    \" :class=\"{ 'disabled': store.customerDetail?.readOnly }\">\r\n                                                                    {{ $t(\"home.text78\") }}</a>\r\n                                                                <a href=\"javascript:void(0)\"\r\n                                                                    class=\"button sellBtn fillBtn zulu_btn\" @click=\"\r\n                                                                    instrumentDetail.symbol = value.symbol;\r\n                                                                    instrumentDetail.dailyPriceChangePercentage =\r\n                                                                    value.lastChangePercentage;instrumentDetail.currentPrice = value.currentPrice;store.user.access_token\r\n                                                                    ? (tradeType = 'sell')\r\n                                                                    : (showLoginPopup = true);\r\n                                                                    \" :class=\"{ 'disabled': store.customerDetail?.readOnly }\">\r\n                                                                    {{ $t(\"home.text79\") }}</a>\r\n                                                            </div>\r\n                                                            <a class=\"star inLarge\" href=\"javascript:void(0)\"\r\n                                                                @click.stop=\"AddWatchList(value)\"\r\n                                                                :class=\"{ 'disabled': store.customerDetail?.readOnly }\">\r\n                                                                <vue-feather type=\"star\" size=\"19\"\r\n                                                                    :class=\"[{ filled: isFollowed(value.id) }]\"></vue-feather>\r\n                                                            </a>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </li>\r\n                                        </ul>\r\n                                    </div>\r\n                                    <div class=\"col-12\">\r\n                                        <Nodata v-if=\"!store.categoryWiseMarket?.marketsByCategory?.[this.assetsObj[this.tab]]?.length\" :page=\"'marketList'\"></Nodata>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-12 col-lg-8\" ref=\"scrollToDetail\">\r\n                        <MarketDetail :marketSelectedProp=\"marketSelected\"/>\r\n                    </div>\r\n\r\n                    <div class=\"col-12 mt-md-5 mt-4 d-none\">\r\n                        <div class=\"row mb-4 pb-md-4\">\r\n                            <div class=\"col-12 col-xl-5 col-xxl-5 d-flex align-items-center mb-3 mb-xl-0\">\r\n                                <div class=\"card-body vueCard element\"\r\n                                    v-if=\"store.categoryWiseMarket?.mostPopular?.length\">\r\n                                    <div class=\"card-header bg-white flex-between\">\r\n                                        <p class=\"f-20 medium mb-0 d-flex align-items-center\">\r\n                                            <v-lazy-image class=\"me-3\" src=\"/assets/images/hotFire.png\"\r\n                                                alt=\"IconArrow\" />\r\n                                            {{ $t(\"marketList.text4\") }}\r\n                                        </p>\r\n                                        <router-link :to=\"{ name: 'all_market', params: { currency: 'popular' } }\"\r\n                                            class=\"roundArrow\" href=\"javascript:void(0)\">\r\n                                            <vue-feather type=\"chevron-right\"></vue-feather>\r\n                                        </router-link>\r\n                                    </div>\r\n                                    <div class=\"flex-between px-3 mb-3\" v-for=\"(value, key) in store.categoryWiseMarket?.mostPopular.slice(0, 5)\" :key=\"key\">\r\n                                        <div class=\"d-flex align-items-center vueRisk\">\r\n                                            <span class=\"me-2 d-flex align-items-center\">\r\n                                                <router-link :to=\"{\r\n                                        name: 'market_details',\r\n                                        params: {\r\n                                        id: value.id,\r\n                                        currency: value.symbol.includes('/')\r\n                                        ? value.symbol.split('/').join('-')\r\n                                        : value.symbol,\r\n                                        },\r\n                                        }\">\r\n                                                    <v-lazy-image width=\"35\" height=\"35\" class=\"euCurrency\" :src=\"\r\n                                           static_vars.marketImageSURL +\r\n                                           value.symbol.toUpperCase().replace(/\\//g, '') +\r\n                                           '.svg'\r\n                                           \" alt=\"ZuluTrade\" title=\"Zulu User\" @error=\"handleImgErr($event)\" />\r\n                                                </router-link>\r\n                                            </span>\r\n                                            <div class=\"flex-shrink-0\">\r\n                                                <router-link :to=\"{\r\n                                        name: 'market_details',\r\n                                        params: {\r\n                                        id: value.id,\r\n                                        currency: value.symbol.includes('/')\r\n                                        ? value.symbol.split('/').join('-')\r\n                                        : value.symbol,\r\n                                        },\r\n                                        }\">\r\n                                                    <p class=\"medium f-14 mb-0\">{{ value.symbol || \"\" }}</p>\r\n                                                </router-link>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"d-flex align-items-center\">\r\n                                            <div :id=\"'mostPopular' + value.id\" style=\"width: 80px; height: 30px\"\r\n                                                v-show=\"value.hourlyChart.length\" class=\"rates-graph\"></div>\r\n                                            <p class=\"mb-0 bold mx-2 maxValueAf\">\r\n                                                {{\r\n                                                value.symbol in store.allPrices\r\n                                                ? store.allPrices[value.symbol].buyPrice\r\n                                                : value.currentPrice\r\n                                                }}\r\n                                            </p>\r\n                                            <p class=\"mb-0 py-0 px-1 medium d-inline-flex\" :class=\"\r\n                                     parseFloat(value.lastChangePercentage) >= 0.0\r\n                                     ? 'green'\r\n                                     : 'red'\r\n                                     \">\r\n                                                {{ parseFloat(value.lastChangePercentage) >= 0.0 ? \"+\" : \"\"\r\n                                                }}{{ parseFloat(value.lastChangePercentage).toFixed(2) || 0 }}%\r\n                                            </p>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"col-12 col-xl-7 col-xxl-7\">\r\n                                <div class=\"row\">\r\n                                    <!-- <div class=\"col-12 d-flex align-items-center mb-1 mb-lg-5\">\r\n                               <h5 class=\"d-flex align-items-center semibold mb-0 me-3\">\r\n                                   Market News\r\n                               </h5>\r\n                               <a href=\"javascript:void(0)\" class=\"viewAll gray medium f-14 d-flex align-items-center\"> View All <vue-feather class=\"ms-1\" type=\"chevron-right\" size=\"16\"></vue-feather> </a>\r\n                               </div> -->\r\n                                    <div class=\"col-12 col-md-6\" v-if=\"Object.keys(store.topWinnersListRates).length\">\r\n                                        <div class=\"card-body vueCard element\">\r\n                                            <div class=\"card-header flex-between mb-3\">\r\n                                                <p class=\"f-20 medium mb-0 d-flex align-items-center text-white\">\r\n                                                    <v-lazy-image class=\"me-2\"\r\n                                                        src=\"/assets/images/bxs_right-top-arrow-circle.png\"\r\n                                                        alt=\"IconArrow\" />\r\n                                                    {{ $t(\"marketList.text2\") }}\r\n                                                </p>\r\n                                                <router-link\r\n                                                    :to=\"{ name: 'all_market', params: { currency: 'winners' } }\"\r\n                                                    class=\"roundArrow\" href=\"javascript:void(0)\">\r\n                                                    <vue-feather type=\"chevron-right\"></vue-feather>\r\n                                                </router-link>\r\n                                            </div>\r\n                                            <div class=\"flex-between px-2 mb-3\" v-for=\"(value, key) in Object.values(\r\n                                     store.topWinnersListRates\r\n                                     ).slice(0, 5)\" :key=\"key\">\r\n                                                <div class=\"d-flex align-items-center vueRisk\">\r\n                                                    <span class=\"d-flex align-items-center me-2\">\r\n                                                        <router-link :to=\"{\r\n                                              name: 'market_details',\r\n                                              params: {\r\n                                              id: value.id,\r\n                                              currency: value.symbol.includes('/')\r\n                                              ? value.symbol.split('/').join('-')\r\n                                              : value.symbol,\r\n                                              },\r\n                                              }\">\r\n                                                            <v-lazy-image width=\"30\" height=\"30\" class=\"euCurrency\"\r\n                                                                :src=\"\r\n                                                 static_vars.marketImageSURL +\r\n                                                 value.symbol.toUpperCase().replace(/\\//g, '') +\r\n                                                 '.svg'\r\n                                                 \" :alt=\"value.symbol.toString().split('/')[0].toLowerCase()\" :title=\"\r\n                                                 value.symbol.toString().split('/')[0].toLowerCase()\r\n                                                 \" @error=\"handleImgErr($event)\" />\r\n                                                        </router-link>\r\n                                                    </span>\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <router-link :to=\"{\r\n                                              name: 'market_details',\r\n                                              params: {\r\n                                              id: value.id,\r\n                                              currency: value.symbol.includes('/')\r\n                                              ? value.symbol.split('/').join('-')\r\n                                              : value.symbol,\r\n                                              },\r\n                                              }\">\r\n                                                            <p class=\"medium f-14 mb-0\">{{ value.symbol || \"\" }}</p>\r\n                                                        </router-link>\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div class=\"d-flex align-items-center\">\r\n                                                    <div :id=\"'topwinner' + value.id\" style=\"width: 80px; height: 30px\"\r\n                                                        v-show=\"value.hourlyChart.length\" class=\"rates-graph\"></div>\r\n                                                    <p class=\"mb-0 bold mx-2 maxValueAf\">\r\n                                                        {{\r\n                                                        value.symbol in store.allPrices\r\n                                                        ? store.allPrices[value.symbol].buyPrice\r\n                                                        : value.currentPrice\r\n                                                        }}\r\n                                                    </p>\r\n                                                    <p class=\"mb-0 py-0 px-1 medium d-inline-flex\" :class=\"\r\n                                           parseFloat(value.lastChangePercentage) >= 0.0\r\n                                           ? 'green'\r\n                                           : 'red'\r\n                                           \">\r\n                                                        {{ parseFloat(value.lastChangePercentage) >= 0.0 ? \"+\" : \"\"\r\n                                                        }}{{\r\n                                                        parseFloat(value.lastChangePercentage).toFixed(2) || 0\r\n                                                        }}%\r\n                                                    </p>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"col-12 col-md-6\" v-if=\"Object.keys(store.topLoosersListRates).length\">\r\n                                        <div class=\"card-body vueCard element\">\r\n                                            <div class=\"card-header flex-between mb-3\">\r\n                                                <p class=\"f-20 medium mb-0 d-flex align-items-center text-white\">\r\n                                                    <v-lazy-image class=\"me-2\" src=\"/assets/images/toplooswer.png\"\r\n                                                        alt=\"IconArrow\" />\r\n                                                    {{ $t(\"marketList.text3\") }}\r\n                                                </p>\r\n                                                <router-link\r\n                                                    :to=\"{ name: 'all_market', params: { currency: 'loosers' } }\"\r\n                                                    class=\"roundArrow\" href=\"javascript:void(0)\">\r\n                                                    <vue-feather type=\"chevron-right\"></vue-feather>\r\n                                                </router-link>\r\n                                            </div>\r\n                                            <div class=\"flex-between px-2 mb-3\" v-for=\"(value, key) in Object.values(\r\n                                     store.topLoosersListRates\r\n                                     ).slice(0, 5)\" :key=\"key\">\r\n                                                <div class=\"d-flex align-items-center vueRisk\">\r\n                                                    <span class=\"me-2 d-flex align-items-center\">\r\n                                                        <router-link :to=\"{\r\n                                              name: 'market_details',\r\n                                              params: {\r\n                                              id: value.id,\r\n                                              currency: value.symbol.includes('/')\r\n                                              ? value.symbol.split('/').join('-')\r\n                                              : value.symbol,\r\n                                              },\r\n                                              }\">\r\n                                                            <v-lazy-image width=\"30\" height=\"30\" class=\"euCurrency\"\r\n                                                                :src=\"\r\n                                                 static_vars.marketImageSURL +\r\n                                                 value.symbol.toUpperCase().replace(/\\//g, '') +\r\n                                                 '.svg'\r\n                                                 \" :alt=\"value.symbol.toString().split('/')[0].toLowerCase()\" :title=\"\r\n                                                 value.symbol.toString().split('/')[0].toLowerCase()\r\n                                                 \" @error=\"handleImgErr($event)\" />\r\n                                                        </router-link>\r\n                                                    </span>\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <router-link :to=\"{\r\n                                              name: 'market_details',\r\n                                              params: {\r\n                                              id: value.id,\r\n                                              currency: value.symbol.includes('/')\r\n                                              ? value.symbol.split('/').join('-')\r\n                                              : value.symbol,\r\n                                              },\r\n                                              }\">\r\n                                                            <p class=\"medium f-14 mb-0\">{{ value.symbol || \"\" }}</p>\r\n                                                        </router-link>\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div class=\"d-flex align-items-center\">\r\n                                                    <div :id=\"'topLoosers' + value.id\" style=\"width: 80px; height: 30px\"\r\n                                                        v-show=\"value.hourlyChart.length\" class=\"rates-graph\"></div>\r\n                                                    <p class=\"mb-0 bold mx-2 maxValueAf\">\r\n                                                        {{\r\n                                                        value.symbol in store.allPrices\r\n                                                        ? store.allPrices[value.symbol].buyPrice\r\n                                                        : value.currentPrice\r\n                                                        }}\r\n                                                    </p>\r\n                                                    <p class=\"mb-0 py-0 px-1 medium d-inline-flex\" :class=\"\r\n                                           parseFloat(value.lastChangePercentage) >= 0.0\r\n                                           ? 'green'\r\n                                           : 'red'\r\n                                           \">\r\n                                                        {{ parseFloat(value.lastChangePercentage) >= 0.0 ? \"+\" : \"\"\r\n                                                        }}{{\r\n                                                        parseFloat(value.lastChangePercentage).toFixed(2) || 0\r\n                                                        }}%\r\n                                                    </p>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </section>\r\n    </div>\r\n    <BuySell v-if=\"tradeType\" :currentInstrumentID=\"this.marketSelected.id\"/>\r\n    <loginPopup v-if=\"showLoginPopup\"></loginPopup>\r\n</template>\r\n<script>\r\n    import { myStore } from \"@/store/pinia-store\";\r\n    import moment from \"moment\";\r\n    import WatchlistWidget from \"@/views/trader/watchlist/watchlist-widget.vue\";\r\n    import BuySell from \"@/views/dashboard-new/buy-sell\";\r\n    import MarketDetail from \"@/views/markets/market_details.vue\";\r\n    export default {\r\n        setup() {\r\n            const store = myStore();\r\n            return { store };\r\n        },\r\n        data() {\r\n            return {\r\n                tradeType: \"\",\r\n                instrumentDetail: { symbol: \"\", dailyPriceChangePercentage: 0, currentPrice: 0 },\r\n                loaderNews: false,\r\n                addActive: false,\r\n                showNews: {},\r\n                tab: 1,\r\n                errImage: [],\r\n                showLoginPopup: false,\r\n                page: 1,\r\n                perPage: 6,\r\n                newsObj: {\r\n                    1: \"All\",\r\n                    2: this.$t(\"marketList.text5\"),\r\n                    3: \"All\",\r\n                    4: this.$t(\"marketList.text16\"),\r\n                    5: this.$t(\"marketList.text8\"),\r\n                    6: this.$t(\"marketList.text9\"),\r\n                },\r\n                marketSelected : {},\r\n                assetsObj: {\r\n                    1: '',\r\n                    2: \"1\",\r\n                    3: \"8\",\r\n                    4: \"4\",\r\n                    5: \"7\",\r\n                    6: \"3\",\r\n                },\r\n                calcHeight: '',\r\n            };\r\n        },\r\n        watch: {\r\n            \"$route.query\"(){\r\n                if(this.$route.query?.insID){\r\n                    this.getCurrecnyDetail()\r\n                    this.$router.replace({'query':null})\r\n                }\r\n            },\r\n            \"store.categoryWiseMarket\"(){\r\n                if(this.store.categoryWiseMarket?.marketsByCategory &&  Object.keys(this.store.categoryWiseMarket?.marketsByCategory).length){\r\n                    if(Object.keys(this.$route.query).length) {\r\n                        this.getCurrecnyDetail()\r\n                        this.$router.replace({'query':null})\r\n                    } else {\r\n                        if(!Object.keys(this.marketSelected).length){\r\n                            this.marketSelected = Object.values(this.store.categoryWiseMarket?.marketsByCategory[Object.keys(this.store.categoryWiseMarket?.marketsByCategory)[0]])[0]\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        components: { WatchlistWidget, BuySell, MarketDetail },\r\n        methods: {\r\n            addClassInBody(){\r\n                if(this.tradeType){\r\n                    document.querySelector('body').classList.add(\"hideChatPage\");\r\n                }else{\r\n                    document.querySelector('body').classList.remove(\"hideChatPage\");\r\n                }\r\n            },\r\n            getSetID(item){\r\n                this.marketSelected = item\r\n                let width = window.screen.width\r\n                if(width < 992){\r\n                    this.$refs.scrollToDetail.scrollIntoView({\r\n                        offset: 84,\r\n                        behavior: 'smooth'\r\n                    })\r\n                }\r\n            },\r\n            getCurrecnyDetail() {\r\n                let formData = {\r\n                    from: \"\",\r\n                    to: \"\",\r\n                    marketIds: [this.$route.query.insID],\r\n                };\r\n                formData[\"from\"] = moment().subtract(1, \"year\").format(\"YYYY-MM-DD\");\r\n                formData[\"to\"] = moment().format(\"YYYY-MM-DD\");\r\n                this.store.getAssetDetail(formData, true, this).then(() => {\r\n                    if (!this.store.singleLoading && Object.keys(this.store.assetDetail).length) {\r\n                        this.getSetID(this.store.assetDetail)\r\n                    }\r\n                });\r\n            },\r\n            showHideText(list) {\r\n                if (Object.keys(list).length) {\r\n                    if (Object.keys(this.showNews).length && list._id == this.showNews._id) {\r\n                        if (list.source == \"FXS\" && list.text) {\r\n                            return list.text;\r\n                        } else if (list.description) {\r\n                            return list.description;\r\n                        } else {\r\n                            if (list.source == \"TE\") {\r\n                                return list.description;\r\n                            } else {\r\n                                return list.summary;\r\n                            }\r\n                        }\r\n                    } else {\r\n                        if (list.source == \"FXS\" && list.text) {\r\n                            return `${list.text.substring(0, 50)}...`;\r\n                        } else if (list.description) {\r\n                            return `${list.description.substring(0, 50)}...`;\r\n                        } else {\r\n                            if (list.source == \"TE\" && list.text) {\r\n                                return `${list.description.substring(0, 50)}...`;\r\n                            } else if (list.text) {\r\n                                return `${list.summary.substring(0, 50)}...`;\r\n                            }\r\n                        }\r\n                    }\r\n                } else {\r\n                    return \"\";\r\n                }\r\n            },\r\n            formatTime(date, format, offset) {\r\n                if (!date) return \"N/A\";\r\n                let d = moment(\r\n                    `${date.split(\" \")[0]} ${date.split(\" \")[1]}`,\r\n                    \"YYYY-MM-DD HH:mm:ss\"\r\n                );\r\n                let tz = offset != 0 ? offset : -new Date().getTimezoneOffset();\r\n                d.add(tz, \"minutes\");\r\n                return d.fromNow();\r\n            },\r\n            changeTab(val) {\r\n                this.tab = val;\r\n                // this.page = 1;\r\n                // var payload = {\r\n                //     page: this.page,\r\n                //     perPage: this.perPage,\r\n                // };\r\n                // if (this.newsObj[val] != \"All\") {\r\n                //     payload[\"category_type\"] = this.newsObj[val];\r\n                // }\r\n                // this.store.getMarketNews(payload, true, this);\r\n            },\r\n            loadMore(val) {\r\n                var payload = {\r\n                    page: this.page + 1,\r\n                    perPage: this.perPage,\r\n                };\r\n                if (this.newsObj[val] != \"All\") {\r\n                    payload[\"category_type\"] = this.newsObj[val];\r\n                }\r\n                this.store.getMarketNews(payload, true, this);\r\n            },\r\n            callWatchList() {\r\n                this.store.getWatchList({}, false, \"1\");\r\n            },\r\n            AddWatchList(item) {\r\n                if (!this.store.user.access_token) {\r\n                    this.showLoginPopup = true;\r\n                } else {\r\n                    this.showLoginPopup = false;\r\n                    if (this.isFollowed(item.id)) {\r\n                        this.addWatchList(item, \"DELETE\");\r\n                    } else {\r\n                        this.addWatchList(item, \"ADD\");\r\n                    }\r\n                }\r\n            },\r\n            isFollowed(id) {\r\n                if (this.store.watchList.length) {\r\n                    let data = JSON.parse(JSON.stringify(this.store.watchList));\r\n                    data = data.map((i) => i.id);\r\n                    if (data.includes(parseInt(id))) {\r\n                        return true;\r\n                    } else {\r\n                        return false;\r\n                    }\r\n                } else {\r\n                    return false;\r\n                }\r\n            },\r\n            addWatchList(item, type) {\r\n                let payload = {\r\n                    item: item.id,\r\n                    type: \"MARKET\",\r\n                };\r\n                let json = {};\r\n                if (type == \"ADD\") {\r\n                    json[\"id\"] = item.id;\r\n                    json[\"type\"] = \"MARKET\";\r\n                    json[\"currentPrice\"] = item.currentPrice;\r\n                    json[\"dailyPriceChangePercentage\"] = item.dailyPriceChangePercentage;\r\n                    json[\"description\"] = item.description;\r\n                    json[\"name\"] = item.name;\r\n                    json[\"chart\"] = {};\r\n                    let data = this.store.watchList;\r\n                    data.push(json);\r\n                    this.store.$patch({ watchList: data });\r\n                } else if (type == \"DELETE\") {\r\n                    let data = this.store.watchList.filter(\r\n                        (i) => parseInt(i.id) != parseInt(item.id)\r\n                    );\r\n                    this.store.$patch({ watchList: data });\r\n                }\r\n                this.store.addToWatchList(payload, false, this, type);\r\n            },\r\n            handleImgErr(val) {\r\n                var fullSrc = val.target.src.split(\".\");\r\n                var src = fullSrc[fullSrc.length - 2].split(\"/\");\r\n                var img = src[src.length - 1];\r\n                if (!this.errImage.includes(img)) {\r\n                    this.errImage.push(img);\r\n                }\r\n            },\r\n            isImage(img) {\r\n                return this.errImage.includes(img) ? false : true;\r\n            },\r\n            getLastTwoDigit(price) {\r\n                if (price) {\r\n                    price = price.toString();\r\n                    if (price.split(\".\")[1] && price.split(\".\")[1].length < 5) {\r\n                        return \"\";\r\n                    } else if (price.split(\".\")[1] && price.split(\".\")[1].length >= 5) {\r\n                        return price\r\n                            .split(\".\")[1]\r\n                            .slice(price.split(\".\")[1].length - 2, price.split(\".\")[1].length);\r\n                    }\r\n                }\r\n            },\r\n            callCurrencyWithID() {\r\n                this.store.getCurrencywithID({}, false);\r\n            },\r\n            allCategoryPrices() {\r\n                let formData = {\r\n                    from: moment().subtract(2, \"week\").format(\"YYYY-MM-DD\"),\r\n                    to: moment().format(\"YYYY-MM-DD\"),\r\n                    // limit: 100,\r\n                    // page: 1,\r\n                };\r\n\r\n                let forexPayload = {\r\n                    categories: [1],\r\n                    ...formData,\r\n                };\r\n                let commoditiesPayload = {\r\n                    categories: [3],\r\n                    ...formData,\r\n                };\r\n                let cryptoPayload = {\r\n                    categories: [4],\r\n                    ...formData,\r\n                };\r\n                let indicesPayload = {\r\n                    categories: [7],\r\n                    ...formData,\r\n                };\r\n                let stocksPayload = {\r\n                    categories: [8],\r\n                    ...formData,\r\n                };\r\n                if (this.$route.name != \"all_market\") {\r\n                    this.store.getRatePageCategories(forexPayload, false).then((res)=>{\r\n                        if(res){\r\n                            if(Object.keys(this.$route.query).length) {\r\n                                this.getCurrecnyDetail()\r\n                                this.$router.replace({'query':null})\r\n                            } else {\r\n                                this.marketSelected = Object.values(res)[0]\r\n                            }\r\n                        }\r\n                    })\r\n                }\r\n                if (this.$route.name != \"all_market\") {\r\n                    this.store.getRatePageCategories(commoditiesPayload, false);\r\n                }\r\n                if (this.$route.name != \"all_market\") {\r\n                    this.store.getRatePageCategories(cryptoPayload, false);\r\n                }\r\n                if (this.$route.name != \"all_market\") {\r\n                    this.store.getRatePageCategories(indicesPayload, false);\r\n                }\r\n                if (this.$route.name != \"all_market\") {\r\n                    this.store.getRatePageCategories(stocksPayload, false);\r\n                }\r\n            },\r\n        },\r\n\r\n        created() {\r\n            if(this.store.categoryWiseMarket?.marketsByCategory &&  Object.keys(this.store.categoryWiseMarket?.marketsByCategory).length){\r\n                if(Object.keys(this.$route.query).length) {\r\n                    this.getCurrecnyDetail()\r\n                    this.$router.replace({'query':null})\r\n                } else {\r\n                    this.marketSelected = Object.values(this.store.categoryWiseMarket?.marketsByCategory[Object.keys(this.store.categoryWiseMarket?.marketsByCategory)[0]])[0]\r\n                }\r\n            }\r\n            // this.allCategoryPrices();\r\n            // this.callSortingCurrencies();\r\n            this.callCurrencyWithID();\r\n            // this.store.getMarketNews({ page: this.page, perPage: this.perPage }, true, this);\r\n            if (this.store.user.access_token) {\r\n                this.tab = 1;\r\n            } else {\r\n                this.tab = 2;\r\n            }\r\n        },\r\n    };\r\n</script>","import { render } from \"./markets.vue?vue&type=template&id=6dae75b6\"\nimport script from \"./markets.vue?vue&type=script&lang=js\"\nexport * from \"./markets.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/src/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}