{"version":3,"file":"ChartOnChainSignal-fefa0900.js","sources":["../../../app/javascript/components/chart/ChartOnChainSignal.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"metadata\"\n    class=\"h-full overflow-y-auto border-l border-gray-700\"\n    :class=\"parent == 'dashboard' ? 'bg-gray-800/25' : 'bg-gray-900'\"\n  >\n    <div class=\"space-y-2 px-4 py-2\" :class=\"parent == 'dashboard' ? 'bg-gray-800/25' : 'bg-gray-900'\">\n      <div class=\"flex justify-between space-x-2\">\n        <p class=\"break-words text-sm font-semibold text-gray-100\">\n          {{ metadata.headline }}\n        </p>\n        <div class=\"flex-shrink-0\" v-if=\"parent === 'dashboard'\">\n          <BaseButton type=\"ghost\" size=\"xs\" @press=\"resetData\">\n            <div class=\"flex items-center space-x-1\">\n              <span class=\"block text-xs\">Hide </span><IconChevronRight size=\"h-3 w-3\" />\n            </div>\n          </BaseButton>\n        </div>\n      </div>\n      <p class=\"break-words text-xs font-medium text-gray-200\">{{ metadata.details }}</p>\n    </div>\n    <div\n      v-for=\"(dataset, idx) in metadata.datasets.filter(x => x.is_chart)\"\n      :key=\"idx\"\n      class=\"border-t border-gray-700\"\n      :class=\"parent == 'dashboard' ? 'bg-gray-800/25' : 'bg-gray-900'\"\n    >\n      <p class=\"break-words px-4 py-2 text-sm font-semibold text-gray-100\">{{ dataset.content.title }}</p>\n      <div class=\"h-64 w-full px-2\">\n        <Chart\n          :id=\"Math.random()\"\n          :options=\"{ ...dataset.content.config, series: dataset.content.data }\"\n          class=\"h-full w-full\"\n        />\n      </div>\n    </div>\n    <div\n      v-for=\"(dataset, idx) in metadata.datasets.filter(x => !x.is_chart)\"\n      :key=\"idx\"\n      class=\"border-t border-gray-700\"\n      :class=\"parent == 'dashboard' ? 'bg-gray-800/25' : 'bg-gray-900'\"\n    >\n      <p class=\"px-4 py-2 text-sm font-semibold text-gray-100\">{{ dataset.content.title }}</p>\n      <div class=\"h-64 w-full py-2\">\n        <BaseTable\n          id=\"metadata-table\"\n          class=\"h-full\"\n          :column-defs=\"dataset.content.config\"\n          :row-data=\"dataset.content.data\"\n          :default-col-def=\"{\n            flex: 1,\n            sortable: false,\n            tooltipComponent: AgGridTooltip\n          }\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { Chart } from 'highcharts-vue';\nimport { ref, nextTick, onMounted } from 'vue';\nimport AgGridTooltip from '@/components/ag_grid/AgGridTooltip.vue';\nimport AgGridLinkCell from '@/components/ag_grid/AgGridLinkCell.vue';\nimport colors from 'tailwindcss/colors';\nconst props = defineProps({\n  rawMetadata: {\n    type: Object,\n    default: () => {}\n  },\n  selectedRow: {\n    type: Object\n  },\n  resetMetadata: {\n    type: Function\n  },\n  parent: {\n    type: String\n  }\n});\nfunction dispatchResizeEvent() {\n  setTimeout(() => {\n    window.dispatchEvent(new Event('resize'));\n  }, 200);\n}\nonMounted(() => {\n  transformedData();\n});\n//METADATA\nconst metadata = ref(null);\nconst transformedData = () => {\n  const selectedProp = props.parent == 'signal' ? props.rawMetadata : props.selectedRow.data;\n  metadata.value = {\n    headline: selectedProp?.headline,\n    details: selectedProp?.body,\n    datasets: []\n  };\n\n  nextTick(() => {\n    selectedProp.metadata?.forEach(m => {\n      metadata.value.datasets.push({\n        is_chart: m.type != 'table',\n        type: m.type.includes('chart') ? m.type.split('_')[0] : m.type,\n        content: {\n          title: m.params.title,\n          config: m.type == 'table' ? getTableOptions(m) : getChartOptions(m),\n          data: m.type == 'table' ? getTableData(m) : getChartData(m)\n        }\n      });\n    });\n    //HACK: to adjust highcharts to full width\n    dispatchResizeEvent();\n  });\n};\nfunction getTableData(meta) {\n  return meta?.data || [];\n}\nfunction getChartOptions(meta) {\n  const type = meta.type.split('_')[0];\n  let options = {\n    tooltip: { shared: true, xDateFormat: '%b %d, %Y %l:%M %p' },\n    chart: {\n      id: `on-chain-signals-${Math.random()}`,\n      type: type == 'bar' ? 'column' : type,\n      backgroundColor: '#161e31'\n    },\n    colors: [colors.blue[600], colors.red[400], colors.amber[600], colors.green[400]],\n    xAxis: { type: 'datetime', title: { text: meta.params.x_axis } },\n    yAxis: []\n  };\n  const yAxis = meta.params.y_axis.split(',');\n  yAxis.forEach((y, i) => {\n    options.yAxis.push({ title: { text: y }, labels: { format: '{text}' }, opposite: i % 2 == 1 });\n  });\n  return options;\n}\nfunction getChartData(meta) {\n  const yAxis = meta.params.y_axis.split(',');\n  let series = [];\n  yAxis.forEach((y, i) => {\n    const data = meta.data\n      .map(x => {\n        return [new Date(x[meta.params.x_axis]).getTime(), parseFloat(x[y.trim()])];\n      })\n      .sort((a, b) => a[0] - b[0]);\n    series.push({ yAxis: i, name: y, data: data });\n  });\n  return series;\n}\nfunction getTableOptions(meta) {\n  let config = [];\n  const firstDataObject = meta?.data[0];\n  if (!firstDataObject) {\n    return null;\n  }\n  for (const [key, value] of Object.entries(firstDataObject)) {\n    config.push({\n      headerName: key,\n      cellRenderer: value.includes('https') ? AgGridLinkCell : null,\n      tooltipComponentParams: { html: true },\n      tooltipValueGetter: params => {\n        const val = params?.data[key] || '';\n        if (val.includes('https')) {\n          return `<div class=\"w-40\"><div class=\"text-xs break-all\">${val}</div></div>`;\n        }\n        return val;\n      },\n      field: key,\n      minWidth: 150\n    });\n  }\n  return config;\n}\n\nconst resetData = () => {\n  if (props.parent === 'dashboard') props.selectedRow.setSelected(false);\n  props.resetMetadata();\n};\n</script>\n"],"names":["dispatchResizeEvent","onMounted","transformedData","metadata","ref","selectedProp","props","nextTick","_a","m","getTableOptions","getChartOptions","getTableData","getChartData","meta","type","options","colors","y","i","yAxis","series","data","x","a","b","config","firstDataObject","key","value","AgGridLinkCell","params","val","resetData"],"mappings":"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"}