{"version":3,"file":"CoinPriceCell-67195181.js","sources":["../../../app/javascript/components/coin/unlock/cells/CoinPriceCell.vue"],"sourcesContent":["<template>\n  <div class=\"flex h-full flex-col justify-center py-1.5 text-xs\">\n    <div class=\"flex flex-row justify-end leading-4\" v-if=\"updatedPrice\">${{ updatedPrice }}</div>\n    <div class=\"flex flex-row justify-end leading-4 text-gray-400\">\n      {{ formatNumber(params.data?.amount) }}\n      {{ ticker }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { formatNumber } from '@/composeables/filters';\nimport { useStore } from 'vuex';\nimport { computed } from 'vue';\n\nconst store = useStore();\n\nconst props = defineProps({\n  params: Object\n});\n\nconst ticker = computed(() => {\n  const coin = store.getters.coins.find(c => c.uid == props.params.data?.coin_uid);\n  return coin ? coin.ticker : '';\n});\nconst updatedPrice = computed(() => {\n  return formatNumber(props.params.data?.[`amount_usd${props.params.historical ? props.params.historical : ''}`]);\n});\n</script>\n"],"names":["store","useStore","ticker","computed","coin","_a","props","updatedPrice","formatNumber"],"mappings":"yWAeMA,EAAQC,EAAQ,EAMhBC,EAASC,EAAS,IAAM,CAC5B,MAAMC,EAAOJ,EAAM,QAAQ,MAAM,KAAK,UAAK,SAAE,OAAOK,EAAAC,EAAM,OAAO,OAAb,YAAAD,EAAmB,UAAQ,EAC/E,OAAOD,EAAOA,EAAK,OAAS,EAC9B,CAAC,EACKG,EAAeJ,EAAS,IAAM,OAClC,OAAOK,GAAaH,EAAAC,EAAM,OAAO,OAAb,YAAAD,EAAoB,aAAaC,EAAM,OAAO,WAAaA,EAAM,OAAO,WAAa,EAAE,GAAG,CAChH,CAAC"}