{"version":3,"file":"AlertsCustomVisualizationPair-d7bbbcd6.js","sources":["../../../app/javascript/components/alerts/custom/visualization/AlertsCustomVisualizationPair.vue"],"sourcesContent":["<template>\n  <div class=\"flex h-full w-full flex-col\">\n    <div v-if=\"alert.pair && alert.exchange && ticker\" class=\"h-full py-2\">\n      <ChartCoinOverview\n        :key=\"ticker\"\n        :coin-uids=\"['dummy_coin']\"\n        :chart-symbol=\"ticker\"\n        :metrics=\"[{ title: 'Price', id: 'price' }]\"\n        :metric-selected=\"chartMetric\"\n        time-selected=\"7D\"\n        :expand-chart-link=\"`/charts?symbol=${ticker}`\"\n        :candle-chart-mode=\"true\"\n        class=\"h-full\"\n        :from-coin=\"true\"\n      />\n    </div>\n    <div class=\"flex h-full w-full items-center justify-center space-x-2\" v-else>\n      <ExclamationCircleIcon class=\"h-4 w-4 text-gray-400\" />\n      <span class=\"block text-xs\">Select a Coin to Visualize</span>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ExclamationCircleIcon } from '@heroicons/vue/24/outline';\nimport ChartCoinOverview from '@/components/chart/ChartCoinOverview.vue';\nimport { computed, ref } from 'vue';\n\nconst props = defineProps({\n  alert: {\n    type: Object,\n    default: () => null\n  }\n});\n\nconst chartMetric = ref('price');\nconst ticker = computed(() => {\n  return `CCXT:${props.alert.pair}:exchange:${props.alert.exchange}`;\n});\n</script>\n"],"names":["chartMetric","ref","ticker","computed","props"],"mappings":"giCAkCMA,EAAcC,EAAI,OAAO,EACzBC,EAASC,EAAS,IACf,QAAQC,EAAM,MAAM,IAAI,aAAaA,EAAM,MAAM,QAAQ,EACjE"}