{"version":3,"file":"ChartGasFee-853d26bc.js","sources":["../../../app/javascript/components/chart/ChartGasFee.vue"],"sourcesContent":["<template>\n  <div class=\"h-full w-full space-y-2\">\n    <div class=\"text-sm\">\n      <div class=\"pl-2 pt-1.5 text-sm font-medium\">{{ title }}</div>\n      <ButtonDatepicker\n        @change=\"\n          (date, type) => {\n            selectedDate = date;\n          }\n        \"\n        :default-date=\"dateRange\"\n        :disabled-future-date=\"date => date >= new Date()\"\n        format=\"MM/D/YY\"\n        font-size=\"text-xs\"\n        class=\"m-1\"\n        :custom-slots=\"true\"\n        @close=\"updateFilters\"\n        :key=\"selectedDate\"\n      />\n    </div>\n    <div class=\"flex h-40 items-center justify-center pt-2\">\n      <BaseLoader :background=\"800\" v-if=\"loading\" />\n      <BaseLineChart v-else-if=\"timeSeries\" :options=\"chartOptions\" :series=\"timeSeries\" />\n    </div>\n  </div>\n</template>\n<script setup>\nimport { DateTime } from 'luxon';\nimport useHttp from '@/composeables/http';\nimport { onMounted, ref, computed, watch } from 'vue';\nimport BaseLineChart from '@/components/chart/BaseLineChart.vue';\nimport ButtonDatepicker from '@/components/ButtonDatepicker.vue';\n\nconst $emit = defineEmits(['update:selected-date']);\nconst $http = useHttp();\nconst props = defineProps({\n  title: {\n    type: String,\n    default: 'Historical Gas Fee Chart'\n  },\n  date: { type: Array, default: () => [] }\n});\n\n// DATE SELECTION\nconst selectedDate = ref(props.date);\nconst loading = ref(true);\nconst timeSeries = ref([]);\nconst labelConfig = ref([{ enabled: true, style: { color: '#ffff' } }, { enabled: false }, { enabled: false }]);\nconst graphColorsScheme = ref(['#BFDBFE', '#3B82F6', '#1E40AF']);\n\nconst dateRange = computed(() => {\n  if (selectedDate.value.length) {\n    return selectedDate.value.map(date => {\n      return DateTime.fromISO(date).toFormat('yyyy-MM-dd HH:mm:ss');\n    });\n  } else {\n    let defaultDateRange = [];\n    const startOfDay = DateTime.now().toFormat('yyyy-MM-dd 00:00:00');\n    const endOfDay = DateTime.now().toFormat('yyyy-MM-dd 23:59:00');\n    defaultDateRange.push(startOfDay, endOfDay);\n    return defaultDateRange;\n  }\n});\n\nonMounted(() => {\n  getChartData(dateRange.value);\n});\n\nasync function getChartData(selected_dates) {\n  loading.value = true;\n  timeSeries.value = [];\n  const response = await $http.post('/data/gas_fee_chart', { selected_dates: selected_dates });\n  timeSeries.value = response.data.data.map((x, i) => {\n    return {\n      ...x,\n      label: labelConfig.value[i],\n      color: graphColorsScheme.value[i],\n      lineWidth: 1\n    };\n  });\n  loading.value = false;\n}\n\nfunction updateFilters() {\n  let default_date = dateRange.value;\n  getChartData(default_date);\n}\n\nwatch(selectedDate, () => {\n  $emit('update:selected-date', selectedDate.value);\n});\n\nwatch(\n  () => props.date,\n  (newVal, oldVal) => {\n    selectedDate.value = props.date;\n    if (oldVal.length == 0) updateFilters();\n  }\n);\n\nconst chartOptions = computed(() => {\n  return {\n    chart: {\n      id: 'historical-gas-fees'\n    },\n    xAxis: {\n      type: 'datetime',\n      title: {\n        text: 'Date'\n      }\n    }\n  };\n});\n</script>\n"],"names":["$http","useHttp","selectedDate","ref","props","loading","timeSeries","labelConfig","graphColorsScheme","dateRange","computed","date","DateTime","defaultDateRange","startOfDay","endOfDay","onMounted","getChartData","selected_dates","response","x","i","updateFilters","default_date","watch","$emit","newVal","oldVal","chartOptions"],"mappings":"2vBAkCMA,EAAQC,EAAO,EAUfC,EAAeC,EAAIC,EAAM,IAAI,EAC7BC,EAAUF,EAAI,EAAI,EAClBG,EAAaH,EAAI,CAAA,CAAE,EACnBI,EAAcJ,EAAI,CAAC,CAAE,QAAS,GAAM,MAAO,CAAE,MAAO,OAAS,CAAA,EAAI,CAAE,QAAS,EAAO,EAAE,CAAE,QAAS,EAAO,CAAA,CAAC,EACxGK,EAAoBL,EAAI,CAAC,UAAW,UAAW,SAAS,CAAC,EAEzDM,EAAYC,EAAS,IAAM,CAC/B,GAAIR,EAAa,MAAM,OACrB,OAAOA,EAAa,MAAM,IAAIS,GACrBC,EAAS,QAAQD,CAAI,EAAE,SAAS,qBAAqB,CAC7D,EACI,CACL,IAAIE,EAAmB,CAAA,EACvB,MAAMC,EAAaF,EAAS,IAAK,EAAC,SAAS,qBAAqB,EAC1DG,EAAWH,EAAS,IAAK,EAAC,SAAS,qBAAqB,EAC9D,OAAAC,EAAiB,KAAKC,EAAYC,CAAQ,EACnCF,CACR,CACH,CAAC,EAEDG,EAAU,IAAM,CACdC,EAAaR,EAAU,KAAK,CAC9B,CAAC,EAED,eAAeQ,EAAaC,EAAgB,CAC1Cb,EAAQ,MAAQ,GAChBC,EAAW,MAAQ,GACnB,MAAMa,EAAW,MAAMnB,EAAM,KAAK,sBAAuB,CAAE,eAAgBkB,CAAc,CAAE,EAC3FZ,EAAW,MAAQa,EAAS,KAAK,KAAK,IAAI,CAACC,EAAGC,KACrC,CACL,GAAGD,EACH,MAAOb,EAAY,MAAMc,CAAC,EAC1B,MAAOb,EAAkB,MAAMa,CAAC,EAChC,UAAW,CACjB,EACG,EACDhB,EAAQ,MAAQ,EAClB,CAEA,SAASiB,GAAgB,CACvB,IAAIC,EAAed,EAAU,MAC7BQ,EAAaM,CAAY,CAC3B,CAEAC,EAAMtB,EAAc,IAAM,CACxBuB,EAAM,uBAAwBvB,EAAa,KAAK,CAClD,CAAC,EAEDsB,EACE,IAAMpB,EAAM,KACZ,CAACsB,EAAQC,IAAW,CAClBzB,EAAa,MAAQE,EAAM,KACvBuB,EAAO,QAAU,GAAGL,EAAa,CACtC,CACH,EAEA,MAAMM,EAAelB,EAAS,KACrB,CACL,MAAO,CACL,GAAI,qBACL,EACD,MAAO,CACL,KAAM,WACN,MAAO,CACL,KAAM,MACP,CACF,CACL,EACC"}