{"version":3,"sources":["webpack:///./src/views/markets/all-market.vue","webpack:///./src/views/markets/all-market.vue?815a"],"names":["class","_createElementVNode","_hoisted_1","_hoisted_2","_hoisted_3","$options","getCurrencyData","elements","Object","keys","length","_createElementBlock","_hoisted_4","_hoisted_5","_hoisted_6","_toDisplayString","_ctx","$t","_createVNode","_component_router_link","to","_component_vue_feather","type","size","_Fragment","_renderList","values","value","key","_$setup$store$custome","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","id","symbol","includes","split","join","isImage","toString","toLowerCase","_createBlock","_component_v_lazy_image","width","height","src","static_vars","marketImageSURL","toUpperCase","replace","alt","title","onError","_cache","$event","handleImgErr","_normalizeClass","$setup","store","customerDetail","readOnly","href","onClick","AddWatchList","filled","isFollowed","_hoisted_12","_hoisted_13","_hoisted_14","allPrices","_hoisted_15","buyPrice","o_b","parseFloat","toFixed","_hoisted_16","getLastTwoDigit","sellPrice","o_s","_hoisted_17","_hoisted_18","_hoisted_19","currentPrice","lastChangePercentage","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","lastIncluded","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","singleLoading","_component_Spinner","_withModifiers","loadMore","$data","showLoginPopup","_component_loginPopup","setup","myStore","data","errImage","page","watch","this","user","access_token","userSelectedAccount","getCurrency","allTypeAccount","methods","callWatchList","getWatchList","item","addWatchList","watchList","map","i","parseInt","json","dailyPriceChangePercentage","description","name","push","$patch","filter","payload","addToWatchList","val","fullSrc","target","img","price","slice","formData","from","limit","forexPayload","categories","getAllCurrencyCategories","stocksPayload","indicesPayload","cryptoPayload","commoditiesPayload","form","sortingStrategy","callStrategyCurrencies","computed","storedata","forexList","stocksList","indicesList","cryptoList","commoditiesList","topWinnersList","topLoosersList","mostPolularCurrencyList","created","$route","params","currency","document","querySelector","setAttribute","__exports__","render"],"mappings":"kJACOA,MAAM,oB,GACAA,MAAM,2D,GACRA,MAAM,mB,SAEPA,MAAM,W,GAGDA,MAAM,yC,GACLA,MAAM,yB,SAcRA,MAAM,yC,GAGDA,MAAM,kB,GACJA,MAAM,iC,GACJA,MAAM,W,iBA0CNA,MAAM,S,GAaHA,MAAM,oB,GAEPA,MAAM,gB,SAEPA,MAAM,2E,GAgBGA,MAAM,Q,GAmBNA,MAAM,Q,SAMfA,MAAM,+D,GAGHA,MAAM,kB,SAiBTA,MAAM,wC,GAGHA,MAAM,4C,GAGNA,MAAM,0C,SAWpBA,MAAM,gB,GACJA,MAAM,e,GACJA,MAAM,oB,GAMLA,MAAM,oC,SAQXA,MAAM,2B,GACRA,MAAM,mB,GACJA,MAAM,8B,GACJA,MAAM,2B,yVAvLnBC,gCAoMM,MApMNC,EAoMM,CAnMJD,gCAkLU,UAlLVE,EAkLU,CAjLRF,gCAgLM,MAhLNG,EAgLM,CA7KIC,EAAAC,gBAAgBC,UAAYC,OAAOC,KAAKJ,EAAAC,gBAAgBC,UAAUG,Q,yBAF1EC,gCAgKM,MAhKNC,EAgKM,CA5JJX,gCAQM,MARNY,EAQM,CAPJZ,gCAAoE,KAApEa,EAAoEC,6BAA/BC,EAAAC,GAAG,sBAAD,GACvCC,yBAKcC,EAAA,CAJZC,GAAG,SACHpB,MAAM,gE,8BACL,KAAAkB,yBAAAG,EAAA,CAAarB,MAAM,OAAOsB,KAAK,eAAeC,KAAK,O,0DAChDP,EAAAC,GAAG,sBAAD,K,oCAGVN,gCAkJMa,cAAA,KAAAC,wBAhJmBjB,OAAOkB,OAAOrB,EAAAC,gBAAgBC,UAAQ,CAArDoB,EAAOC,KAAG,IAAAC,E,gCAFpBlB,gCAkJM,OAjJJX,MAAM,WAEL4B,IAAKA,G,CAIEpB,OAAOC,KAAKkB,GAAOjB,Q,yBAF3BC,gCA4IM,MA5INmB,EA4IM,CAxIJ7B,gCAuIM,MAvIN8B,EAuIM,CAtIJ9B,gCAqIM,MArIN+B,EAqIM,CApIJ/B,gCAyCM,MAzCNgC,EAyCM,CAxCJf,yBA4BcC,EAAA,CA3BXC,GAAE,C,iCAAoHO,EAAMO,G,SAAwCP,EAAMQ,OAAOC,SAAQ,KAAoCT,EAAMQ,OAAOE,MAAK,KAAMC,KAAI,IAAmCX,EAAMQ,SASnSnC,MAAM,yD,8BAEN,IAeE,CAHiCK,EAAAkC,QAAQZ,EAAMQ,OAAOK,WAAWH,MAAK,QAASI,gB,yBAZjFC,yBAeEC,EAAA,C,MAdAC,MAAM,KACNC,OAAO,KACP7C,MAAM,aACL8C,IAAgC9B,EAAA+B,YAAYC,gBAA4CrB,EAAMQ,OAAOc,cAAcC,QAAO,U,OAK1HC,IAAKxB,EAAMQ,OAAOK,WAAWH,MAAM,KAAK,GAAGI,cAC3CW,MAAOzB,EAAMQ,OAAOK,WAAWH,MAAM,KAAK,GAAGI,cAC7CY,QAAKC,EAAA,KAAAA,EAAA,GAAAC,GAAElD,EAAAmD,aAAaD,K,0FAMzBtD,gCAUK,KATHD,MAAKyD,4BAAA,CAAC,yBAAwB,UAGY,QAHZ5B,EAGR6B,EAAAC,MAAMC,sBAAc,IAAA/B,OAAA,EAApBA,EAAsBgC,YAF5CC,KAAK,qBACJC,QAAKR,GAAElD,EAAA2D,aAAarC,I,CAEpBT,yBAAAG,EAAA,CACCC,KAAK,OACLC,KAAK,KACJvB,MAAKyD,4BAAA,EAAAQ,OAAa5D,EAAA6D,WAAWvC,EAAMO,Q,2BAI1CjC,gCAyFM,MAzFNkE,EAyFM,CAxFJjD,yBAacC,EAAA,CAZXC,GAAE,C,iCAAoHO,EAAMO,G,SAAwCP,EAAMQ,OAAOC,SAAQ,KAAoCT,EAAMQ,OAAOE,MAAK,KAAMC,KAAI,IAAmCX,EAAMQ,SASnSnC,MAAM,qB,8BAEN,IAAoD,CAApDC,gCAAoD,KAApDmE,EAAoDrD,6BAApBY,EAAMQ,QAAM,K,kBAE9ClC,gCAyEM,MAzENoE,EAyEM,CAtEI1C,EAAMQ,UAAUuB,EAAAC,MAAMW,W,yBAF9B3D,gCAwCM,MAxCN4D,EAwCM,CAlCIb,EAAAC,MAAMW,UAAU3C,EAAMQ,QAAQqC,U,yBAFtC7D,gCAgBI,K,MAfFX,MAAKyD,4BAAA,CAAC,2BAA0B,C,KAE2EC,EAAAC,MAAMW,UAAU3C,EAAMQ,QAAQqC,SAA2Cd,EAAAC,MAAMW,UAAU3C,EAAMQ,QAAQsC,S,2DAShNC,WAAWhB,EAAAC,MAAMW,UAAU3C,EAAMQ,QAAQqC,UAAUG,QAAQ,IAAD,GAC1D1E,gCAEM,MAFN2E,EAEM7D,6BADNV,EAAAwE,gBAAgBnB,EAAAC,MAAMW,UAAU3C,EAAMQ,QAAQqC,WAAQ,I,2CAKlDd,EAAAC,MAAMW,UAAU3C,EAAMQ,QAAQ2C,W,yBAFtCnE,gCAkBI,K,MAjBFX,MAAKyD,4BAAA,CAAC,2BAA0B,C,MAE4EC,EAAAC,MAAMW,UAAU3C,EAAMQ,QAAQ2C,UAA4CpB,EAAAC,MAAMW,UAAU3C,EAAMQ,QAAQ4C,S,2DASlNL,WAAWhB,EAAAC,MAAMW,UAAU3C,EAAMQ,QAAQ2C,WAAWH,Q,OAGpD1E,gCAEM,MAFN+E,EAEMjE,6BADNV,EAAAwE,gBAAgBnB,EAAAC,MAAMW,UAAU3C,EAAMQ,QAAQ2C,YAAS,I,wEAI7DnE,gCAgBM,MAhBNsE,EAgBM,CAZJhF,gCAAsD,IAAtDiF,EAAsDnE,6BAAzBY,EAAMwD,cAAY,GAC/ClF,gCAUI,KATFD,MAAKyD,4BAAA,CAAC,iCAC+BiB,WAAW/C,EAAMyD,uBAAoB,E,sDAMvEV,WAAW/C,EAAMyD,uBAAyB,EAAM,IAAM,IAAjBrE,6BACnC2D,WAAW/C,EAAMyD,sBAAsBT,QAAQ,IAAM,GAAI,KAChE,MAOMhD,EAAMQ,UAAUuB,EAAAC,MAAMW,W,yBAF9B3D,gCAUM,MAVN0E,EAUM,CANJpF,gCAEI,IAFJqF,EAEIvE,6BADCC,EAAAC,GAAG,gBAAD,GAEPhB,gCAEI,IAFJsF,EAEIxE,6BADCC,EAAAC,GAAG,gBAAD,M,gIAUvBN,gCAaM,MAbN6E,EAaM,CAZJvF,gCAWM,MAXNwF,EAWM,CAVJxF,gCASM,MATNyF,EASM,CARJzF,gCAIM,UAHHiB,yBAGDyB,EAAA,CAFEG,IAAI,0CACJK,IAAI,gBAERlD,gCAEK,KAFL0F,EAEK5E,6BADAC,EAAAC,GAAG,sBAAD,cAO+BZ,EAAAC,gBAAgBsF,a,iEAAhEjF,gCAeU,UAfVkF,EAeU,CAdR5F,gCAaM,MAbN6F,EAaM,CAZJ7F,gCAWM,MAXN8F,EAWM,CAVJ9F,gCASM,MATN+F,EASM,CARgCtC,EAAAC,MAAMsC,e,yBAA1CvD,yBAAmEwD,EAAA,C,MAA1DlG,MAAM,mB,yBACfW,gCAAA,K,MACEX,MAAM,6CACN8D,KAAK,sBACJC,QAAKT,EAAA,KAAAA,EAAA,GAAA6C,2BAAA,IAAgB9F,EAAA+F,WAAQ,e,6BAE1BpF,EAAAC,GAAG,sBAAD,eAOAoF,EAAAC,gB,yBAAlB5D,yBAA+C6D,EAAA,CAAA3E,IAAA,K,sEAKlC,GACb4E,QACE,MAAM7C,EAAQ8C,iBACd,MAAO,CAAE9C,UAEX+C,OACE,MAAO,CACLC,SAAU,GACVrF,KAAM,GACNsF,KAAM,EACNN,gBAAgB,IAGpBO,MAAO,CACL,8BAEIC,KAAKnD,MAAMoD,KAAKC,cAChBxG,OAAOC,KAAKqG,KAAKnD,MAAMsD,qBAAqBvG,QAE5CoG,KAAKI,eAGT,yBACMJ,KAAKnD,MAAMoD,KAAKC,cAAgBF,KAAKnD,MAAMwD,gBAC7CL,KAAKI,gBAIXE,QAAS,CACPC,gBACEP,KAAKnD,MAAM2D,aAAa,IAAI,EAAO,MAErCtD,aAAauD,GACNT,KAAKnD,MAAMoD,KAAKC,cAGnBF,KAAKR,gBAAiB,EAClBQ,KAAK5C,WAAWqD,EAAKrF,IACvB4E,KAAKU,aAAaD,EAAM,UAExBT,KAAKU,aAAaD,EAAM,QAN1BT,KAAKR,gBAAiB,GAU1BpC,WAAWhC,GACT,GAAI4E,KAAKnD,MAAM8D,UAAU/G,OAAQ,CAC/B,IAAIgG,EAAOI,KAAKnD,MAAM8D,UAAUC,IAAKC,GAAMA,EAAEzF,IAC7C,QAAIwE,EAAKtE,SAASwF,SAAS1F,IAM3B,OAAO,GAGXsF,aAAaD,EAAMjG,GACjB,IAAIuG,EAAO,GACX,GAAY,OAARvG,EAAe,CACjBuG,EAAK,MAAQN,EAAKrF,GAClB2F,EAAK,QAAU,SACfA,EAAK,gBAAkBN,EAAKpC,aAC5B0C,EAAK,8BAAgCN,EAAKO,2BAC1CD,EAAK,eAAiBN,EAAKQ,YAC3BF,EAAK,QAAUN,EAAKS,KACpBH,EAAK,SAAW,GAChB,IAAInB,EAAOI,KAAKnD,MAAM8D,UACtBf,EAAKuB,KAAKJ,GACVf,KAAKnD,MAAMuE,OAAO,CAAET,UAAWf,SAC1B,GAAY,UAARpF,EAAkB,CAC3B,IAAIoF,EAAOI,KAAKnD,MAAM8D,UAAUU,OAC7BR,GAAMC,SAASD,EAAEzF,KAAO0F,SAASL,EAAKrF,KAEzC4E,KAAKnD,MAAMuE,OAAO,CAAET,UAAWf,IAEjC,IAAI0B,EAAU,CACZb,KAAMA,EAAKrF,GACXZ,KAAM,UAERwF,KAAKnD,MAAM0E,eAAeD,GAAS,EAAOtB,KAAMxF,IAElD8E,WACEU,KAAKF,MAAQ,EACbE,KAAKI,eAEP1D,aAAa8E,GACX,IAAIC,EAAUD,EAAIE,OAAO1F,IAAIT,MAAM,KAC/BS,EAAMyF,EAAQA,EAAQ7H,OAAS,GAAG2B,MAAM,KACxCoG,EAAM3F,EAAIA,EAAIpC,OAAS,GACtBoG,KAAKH,SAASvE,SAASqG,IAC1B3B,KAAKH,SAASsB,KAAKQ,IAGvBlG,QAAQkG,GACN,OAAO3B,KAAKH,SAASvE,SAASqG,IAEhC5D,gBAAgB6D,GACd,GAAIA,EAAO,CAET,GADAA,EAAQA,EAAMlG,WACVkG,EAAMrG,MAAM,KAAK,IAAMqG,EAAMrG,MAAM,KAAK,GAAG3B,OAAS,EACtD,MAAO,GACF,GAAIgI,EAAMrG,MAAM,KAAK,IAAMqG,EAAMrG,MAAM,KAAK,GAAG3B,QAAU,EAC9D,OAAOgI,EACJrG,MAAM,KAAK,GACXsG,MAAMD,EAAMrG,MAAM,KAAK,GAAG3B,OAAS,EAAGgI,EAAMrG,MAAM,KAAK,GAAG3B,UAInEwG,cACE,IAAI0B,EAAW,CACbC,KAAM,GACNzH,GAAI,GACJ0H,MAAO,GACPlC,KAAME,KAAKF,MAEb,GAAiB,SAAbE,KAAKxF,KAAiB,CACxB,IAAIyH,EAAe,CACjBC,WAAY,CAAC,MACVJ,GAEL9B,KAAKnD,MAAMsF,yBAAyBF,GAAc,GAEpD,GAAiB,UAAbjC,KAAKxF,KAAkB,CACzB,IAAI4H,EAAgB,CAClBF,WAAY,CAAC,MACVJ,GAEL9B,KAAKnD,MAAMsF,yBAAyBC,GAAe,GAErD,GAAiB,WAAbpC,KAAKxF,KAAmB,CAC1B,IAAI6H,EAAiB,CACnBH,WAAY,CAAC,MACVJ,GAEL9B,KAAKnD,MAAMsF,yBAAyBE,GAAgB,GAEtD,GAAiB,UAAbrC,KAAKxF,KAAkB,CACzB,IAAI8H,EAAgB,CAClBJ,WAAY,CAAC,MACVJ,GAEL9B,KAAKnD,MAAMsF,yBAAyBG,GAAe,GAErD,GAAiB,cAAbtC,KAAKxF,KAAsB,CAC7B,IAAI+H,EAAqB,CACvBL,WAAY,CAAC,MACVJ,GAEL9B,KAAKnD,MAAMsF,yBAAyBI,GAAoB,GAE1D,GAAiB,WAAbvC,KAAKxF,KAAmB,CAC1B,IAAIgI,EAAO,CACTR,MAAO,GACPlC,KAAME,KAAKF,KACX2C,gBAAiB,eAEnBzC,KAAKnD,MAAM6F,uBAAuBF,GAAM,GAE1C,GAAiB,WAAbxC,KAAKxF,KAAmB,CAC1B,IAAIgI,EAAO,CACTR,MAAO,GACPlC,KAAME,KAAKF,KACX2C,gBAAiB,cAEnBzC,KAAKnD,MAAM6F,uBAAuBF,GAAM,GAE1C,GAAiB,WAAbxC,KAAKxF,KAAmB,CAC1B,IAAIgI,EAAO,CACTR,MAAO,GACPlC,KAAME,KAAKF,KACX2C,gBAAiB,gBAEnBzC,KAAKnD,MAAM6F,uBAAuBF,GAAM,MAI9CG,SAAU,CACRnJ,kBACE,IAAIoJ,EAAY,GAkBhB,MAjBiB,SAAb5C,KAAKxF,KACPoI,EAAY5C,KAAKnD,MAAMgG,UACD,UAAb7C,KAAKxF,KACdoI,EAAY5C,KAAKnD,MAAMiG,WACD,WAAb9C,KAAKxF,KACdoI,EAAY5C,KAAKnD,MAAMkG,YACD,UAAb/C,KAAKxF,KACdoI,EAAY5C,KAAKnD,MAAMmG,WACD,cAAbhD,KAAKxF,KACdoI,EAAY5C,KAAKnD,MAAMoG,gBACD,WAAbjD,KAAKxF,KACdoI,EAAY5C,KAAKnD,MAAMqG,eACD,WAAblD,KAAKxF,KACdoI,EAAY5C,KAAKnD,MAAMsG,eACD,WAAbnD,KAAKxF,OACdoI,EAAY5C,KAAKnD,MAAMuG,yBAErB1J,OAAOC,KAAKiJ,GAAWhJ,OAClBgJ,EAEA,KAIbS,UACMrD,KAAKsD,OAAOC,OAAOC,WACrBxD,KAAKxF,KAAOwF,KAAKsD,OAAOC,OAAOC,SAC/BxD,KAAKI,eAEPqD,SAASnH,MAAS,mCAClBmH,SACGC,cAAc,4BACdC,aACC,UACC,uK,qBC3ZT,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/chunk-2d0b3678.1354363a.js","sourcesContent":["<template>\n  <div class=\"mainWrapper pb-0\">\n    <section class=\"blockElement space flexCol fiveColumn position-relative\">\n      <div class=\"container-fluid\">\n        <div\n          class=\"row g-3\"\n          v-if=\"getCurrencyData.elements && Object.keys(getCurrencyData.elements).length\"\n        >\n          <div class=\"col-12 d-flex align-items-center mb-4\">\n            <h6 class=\"mb-0 medium f-22 me-3\">{{ $t(\"marketList.text17\") }}</h6>\n            <router-link\n              to=\"/rates\"\n              class=\"viewAll gray medium ps-1 pe-3 f-14 d-flex align-items-center\"\n              ><vue-feather class=\"ms-1\" type=\"chevron-left\" size=\"16\"></vue-feather\n              >{{ $t(\"marketList.text18\") }}\n            </router-link>\n          </div>\n          <div\n            class=\"col col1\"\n            v-for=\"(value, key) in Object.values(getCurrencyData.elements)\"\n            :key=\"key\"\n          >\n            <div\n              class=\"card customTradeAdd shadow-none h-100\"\n              v-if=\"Object.keys(value).length\"\n            >\n              <div class=\"card-body px-0\">\n                <div class=\"text-center position-relative\">\n                  <div class=\"vueRisk\">\n                    <router-link\n                      :to=\"{\n                        name: 'market_details',\n                        params: {\n                          id: value.id,\n                          currency: value.symbol.includes('/')\n                            ? value.symbol.split('/').join('')\n                            : value.symbol,\n                        },\n                      }\"\n                      class=\"d-flex align-items-center justify-content-center mb-3\"\n                    >\n                      <v-lazy-image\n                        width=\"30\"\n                        height=\"30\"\n                        class=\"euCurrency\"\n                        :src=\"\n                          static_vars.marketImageSURL +\n                          value.symbol.toUpperCase().replace(/\\//g, '') +\n                          '.svg'\n                        \"\n                        :alt=\"value.symbol.toString().split('/')[0].toLowerCase()\"\n                        :title=\"value.symbol.toString().split('/')[0].toLowerCase()\"\n                        @error=\"handleImgErr($event)\"\n                        v-if=\"\n                          isImage(value.symbol.toString().split('/')[0].toLowerCase())\n                        \"\n                      />\n                    </router-link>\n                    <a\n                      class=\"position-absolute star\"\n                      href=\"javascript:void(0)\"\n                      @click=\"AddWatchList(value)\"\n                      :class=\"{ 'disabled': store.customerDetail?.readOnly }\"\n                      ><vue-feather\n                        type=\"star\"\n                        size=\"16\"\n                        :class=\"[{ filled: isFollowed(value.id) }]\"\n                      ></vue-feather\n                    ></a>\n                  </div>\n                  <div class=\"title\">\n                    <router-link\n                      :to=\"{\n                        name: 'market_details',\n                        params: {\n                          id: value.id,\n                          currency: value.symbol.includes('/')\n                            ? value.symbol.split('/').join('')\n                            : value.symbol,\n                        },\n                      }\"\n                      class=\"mt-2 mb-3 d-block\"\n                    >\n                      <h6 class=\"mb-0 medium f-18\">{{ value.symbol }}</h6>\n                    </router-link>\n                    <div class=\"element px-3\">\n                      <div\n                        class=\"elementHub d-flex align-items-center justify-content-between otherValue\"\n                        v-if=\"value.symbol in store.allPrices\"\n                      >\n                        <p\n                          class=\"f-20 mb-1 bold me-1 w-50\"\n                          v-if=\"store.allPrices[value.symbol].buyPrice\"\n                          :class=\"[\n                            {\n                              buy:\n                                store.allPrices[value.symbol].buyPrice >\n                                store.allPrices[value.symbol].o_b,\n                            },\n                          ]\"\n                        >\n                          {{\n                            parseFloat(store.allPrices[value.symbol].buyPrice).toFixed(3)\n                          }}<sub class=\"f-10\">{{\n                            getLastTwoDigit(store.allPrices[value.symbol].buyPrice)\n                          }}</sub>\n                        </p>\n                        <p\n                          class=\"f-20 mb-1 bold me-1 w-50\"\n                          v-if=\"store.allPrices[value.symbol].sellPrice\"\n                          :class=\"[\n                            {\n                              sell:\n                                store.allPrices[value.symbol].sellPrice <\n                                store.allPrices[value.symbol].o_s,\n                            },\n                          ]\"\n                        >\n                          {{\n                            parseFloat(store.allPrices[value.symbol].sellPrice).toFixed(\n                              3\n                            )\n                          }}<sub class=\"f-10\">{{\n                            getLastTwoDigit(store.allPrices[value.symbol].sellPrice)\n                          }}</sub>\n                        </p>\n                      </div>\n                      <div\n                        class=\"elementHub d-flex align-items-center justify-content-center\"\n                        v-else\n                      >\n                        <p class=\"mb-0 bold me-2\">{{ value.currentPrice }}</p>\n                        <p\n                          class=\"mb-0 px-1 medium d-inline-flex\"\n                          :class=\"\n                            parseFloat(value.lastChangePercentage) >= 0.0\n                              ? 'greenView'\n                              : 'redView'\n                          \"\n                        >\n                          {{ parseFloat(value.lastChangePercentage) >= 0.0 ? \"+\" : \"\"\n                          }}{{ parseFloat(value.lastChangePercentage).toFixed(2) || 0 }}%\n                        </p>\n                      </div>\n                      <!-- <div class=\"progress my-2\">\n                                                <div class=\"progress-bar\" style=\"width: 25%;\" role=\"progressbar\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\n                                            </div> -->\n                      <div\n                        class=\"elementHub d-flex align-items-center\"\n                        v-if=\"value.symbol in store.allPrices\"\n                      >\n                        <p class=\"mb-0 px-1 w-50 green midgray medium f-12\">\n                          {{ $t(\"home.text78\") }}\n                        </p>\n                        <p class=\"mb-0 px-1 w-50 red midgray medium f-12\">\n                          {{ $t(\"home.text79\") }}\n                        </p>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"row g-3 mb-4\" v-else>\n          <div class=\"col-12 mb-4\">\n            <div class=\"mt-5 text-center\">\n              <i\n                ><v-lazy-image\n                  src=\"/assets/images/watchlist/empty-star.png\"\n                  alt=\"watchlist\"\n              /></i>\n              <h6 class=\"mb-0 mt-2 f-20 medium fst-normal\">\n                {{ $t(\"marketList.text19\") }}\n              </h6>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n    <section class=\"blockElement space pt-0\" v-if=\"!getCurrencyData.lastIncluded\">\n      <div class=\"container-fluid\">\n        <div class=\"row justify-content-center\">\n          <div class=\"col-5 col-sm-3 col-lg-2\">\n            <Spinner class=\"buttonSpiner\" v-if=\"store.singleLoading\"></Spinner>\n            <a\n              class=\"button fillBtn zulu_btn large me-3 px-md-4\"\n              href=\"javascript:void(0);\"\n              @click.prevent=\"() => loadMore()\"\n              v-else\n              >{{ $t(\"marketList.text14\") }}</a\n            >\n          </div>\n        </div>\n      </div>\n    </section>\n  </div>\n  <loginPopup v-if=\"showLoginPopup\"></loginPopup>\n</template>\n<script>\nimport { myStore } from \"@/store/pinia-store\";\n// import PriceFeed from \"@/store/stomp\";\nexport default {\n  setup() {\n    const store = myStore();\n    return { store };\n  },\n  data() {\n    return {\n      errImage: [],\n      type: \"\",\n      page: 1,\n      showLoginPopup: false,\n    };\n  },\n  watch: {\n    \"store.userSelectedAccount\"() {\n      if (\n        this.store.user.access_token &&\n        Object.keys(this.store.userSelectedAccount).length\n      ) {\n        this.getCurrency();\n      }\n    },\n    \"store.allTypeAccount\"() {\n      if (this.store.user.access_token && this.store.allTypeAccount) {\n        this.getCurrency();\n      }\n    },\n  },\n  methods: {\n    callWatchList() {\n      this.store.getWatchList({}, false, \"1\");\n    },\n    AddWatchList(item) {\n      if (!this.store.user.access_token) {\n        this.showLoginPopup = true;\n      } else {\n        this.showLoginPopup = false;\n        if (this.isFollowed(item.id)) {\n          this.addWatchList(item, \"DELETE\");\n        } else {\n          this.addWatchList(item, \"ADD\");\n        }\n      }\n    },\n    isFollowed(id) {\n      if (this.store.watchList.length) {\n        let data = this.store.watchList.map((i) => i.id);\n        if (data.includes(parseInt(id))) {\n          return true;\n        } else {\n          return false;\n        }\n      } else {\n        return false;\n      }\n    },\n    addWatchList(item, type) {\n      let json = {};\n      if (type == \"ADD\") {\n        json[\"id\"] = item.id;\n        json[\"type\"] = \"MARKET\";\n        json[\"currentPrice\"] = item.currentPrice;\n        json[\"dailyPriceChangePercentage\"] = item.dailyPriceChangePercentage;\n        json[\"description\"] = item.description;\n        json[\"name\"] = item.name;\n        json[\"chart\"] = {};\n        let data = this.store.watchList;\n        data.push(json);\n        this.store.$patch({ watchList: data });\n      } else if (type == \"DELETE\") {\n        let data = this.store.watchList.filter(\n          (i) => parseInt(i.id) != parseInt(item.id)\n        );\n        this.store.$patch({ watchList: data });\n      }\n      let payload = {\n        item: item.id,\n        type: \"MARKET\",\n      };\n      this.store.addToWatchList(payload, false, this, type);\n    },\n    loadMore() {\n      this.page += 1;\n      this.getCurrency();\n    },\n    handleImgErr(val) {\n      var fullSrc = val.target.src.split(\".\");\n      var src = fullSrc[fullSrc.length - 2].split(\"/\");\n      var img = src[src.length - 1];\n      if (!this.errImage.includes(img)) {\n        this.errImage.push(img);\n      }\n    },\n    isImage(img) {\n      return this.errImage.includes(img) ? false : true;\n    },\n    getLastTwoDigit(price) {\n      if (price) {\n        price = price.toString();\n        if (price.split(\".\")[1] && price.split(\".\")[1].length < 5) {\n          return \"\";\n        } else if (price.split(\".\")[1] && price.split(\".\")[1].length >= 5) {\n          return price\n            .split(\".\")[1]\n            .slice(price.split(\".\")[1].length - 2, price.split(\".\")[1].length);\n        }\n      }\n    },\n    getCurrency() {\n      let formData = {\n        from: \"\",\n        to: \"\",\n        limit: 30,\n        page: this.page,\n      };\n      if (this.type == \"forex\") {\n        let forexPayload = {\n          categories: [1],\n          ...formData,\n        };\n        this.store.getAllCurrencyCategories(forexPayload, true);\n      }\n      if (this.type == \"stocks\") {\n        let stocksPayload = {\n          categories: [8],\n          ...formData,\n        };\n        this.store.getAllCurrencyCategories(stocksPayload, true);\n      }\n      if (this.type == \"indices\") {\n        let indicesPayload = {\n          categories: [7],\n          ...formData,\n        };\n        this.store.getAllCurrencyCategories(indicesPayload, true);\n      }\n      if (this.type == \"crypto\") {\n        let cryptoPayload = {\n          categories: [4],\n          ...formData,\n        };\n        this.store.getAllCurrencyCategories(cryptoPayload, true);\n      }\n      if (this.type == \"commoditiy\") {\n        let commoditiesPayload = {\n          categories: [3],\n          ...formData,\n        };\n        this.store.getAllCurrencyCategories(commoditiesPayload, true);\n      }\n      if (this.type == \"winners\") {\n        let form = {\n          limit: 30,\n          page: this.page,\n          sortingStrategy: \"TOP_WINNERS\",\n        };\n        this.store.callStrategyCurrencies(form, true);\n      }\n      if (this.type == \"loosers\") {\n        let form = {\n          limit: 30,\n          page: this.page,\n          sortingStrategy: \"TOP_LOSERS\",\n        };\n        this.store.callStrategyCurrencies(form, true);\n      }\n      if (this.type == \"popular\") {\n        let form = {\n          limit: 30,\n          page: this.page,\n          sortingStrategy: \"MOST_POPULAR\",\n        };\n        this.store.callStrategyCurrencies(form, true);\n      }\n    },\n  },\n  computed: {\n    getCurrencyData() {\n      let storedata = {};\n      if (this.type == \"forex\") {\n        storedata = this.store.forexList;\n      } else if (this.type == \"stocks\") {\n        storedata = this.store.stocksList;\n      } else if (this.type == \"indices\") {\n        storedata = this.store.indicesList;\n      } else if (this.type == \"crypto\") {\n        storedata = this.store.cryptoList;\n      } else if (this.type == \"commoditiy\") {\n        storedata = this.store.commoditiesList;\n      } else if (this.type == \"winners\") {\n        storedata = this.store.topWinnersList;\n      } else if (this.type == \"loosers\") {\n        storedata = this.store.topLoosersList;\n      } else if (this.type == \"popular\") {\n        storedata = this.store.mostPolularCurrencyList;\n      }\n      if (Object.keys(storedata).length) {\n        return storedata;\n      } else {\n        return {};\n      }\n    },\n  },\n  created() {\n    if (this.$route.params.currency) {\n      this.type = this.$route.params.currency;\n      this.getCurrency();\n    }\n    document.title = `Trade the Markets with ZuluTrade`;\n    document\n      .querySelector('meta[name=\"description\"]')\n      .setAttribute(\n        \"content\",\n        `Trade forex, CFDs, and more with ZuluTrade. Our platform offers real-time trading signals from top traders and advanced tools to help you succeed in the markets.`\n      );\n    // if (this.store.user.access_token) {\n    //     PriceFeed.getInstance(`wss://www.zulutrade.com:443/api/ws/zulutradewsclient/websocket?access_token=${this.store.user.access_token}`, `/topic/feed/group/1000`).activate();\n    // } else {\n    //     PriceFeed.getInstance(`wss://www.zulutrade.com:443/api/ws/zulutradewsclient/websocket`, `/topic/feed/group/1000`).activate();\n    // }\n  },\n};\n</script>\n\n","import { render } from \"./all-market.vue?vue&type=template&id=d9526460\"\nimport script from \"./all-market.vue?vue&type=script&lang=js\"\nexport * from \"./all-market.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":""}