{"version":3,"file":"PlayerTrend-BcTqNSNN.js","sources":["../../../resources/js/Components/Charts/PlayerTrendOverTime.vue","../../../resources/js/Pages/Home/Partials/PlayerTrend.vue"],"sourcesContent":["<template>\n  <apexchart\n    v-if=\"series\"\n    :width=\"200\"\n    :height=\"80\"\n    :options=\"chartOptions\"\n    :series=\"series\"\n    @markerClick=\"onClick\"\n    @mouseMove=\"onMouseMove\"\n    @mouseLeave=\"onMouseLeave\"\n  />\n</template>\n\n<script>\nexport default {\n  props: {\n    data: {\n      type: Array,\n      required: true,\n      default: () => []\n    }\n  },\n\n  data: () => {\n    return {\n      series: null,\n      chartOptions: {\n        chart: {\n          id: 'player-trend-over-time',\n          type: 'line',\n          sparkline: {\n            enabled: true,\n          },\n        },\n        xaxis: {\n          type: 'category',\n        },\n        stroke: {\n          curve: 'smooth',\n          lineCap: 'round',\n          width: 2,\n        },\n        markers: {\n          size: 0,\n          strokeWidth: 0,\n        },\n        grid: {\n          padding: {\n            top: 10,\n            bottom: 10,\n            left: 10,\n            right: 10,\n          },\n        },\n        colors: ['#ffd125'],\n        tooltip: {\n          theme: 'hidden',\n        },\n      },\n    }\n  },\n\n  methods: {\n    onClick(e, ctx, cfg) {\n      if (cfg.dataPointIndex === -1) return\n      let dataPoint = cfg.w.config.series[cfg.seriesIndex]?.data[cfg.dataPointIndex]\n      if (!dataPoint) {\n        dataPoint = cfg.w.config.series[0].data[cfg.w.config.series[0].data.length - 1]\n      }\n      this.$emit('onPlayerHover', { date: dataPoint.x, players: dataPoint.y })\n    },\n\n    onMouseMove(e, ctx, cfg) {\n      if (cfg.dataPointIndex === -1) return\n      let dataPoint = cfg.config.series[cfg.seriesIndex]?.data[cfg.dataPointIndex]\n      if (!dataPoint) {\n        dataPoint = cfg.config.series[0].data[cfg.config.series[0].data.length - 1]\n      }\n      this.$emit('onPlayerHover', { date: dataPoint.x, players: dataPoint.y })\n    },\n\n    onMouseLeave() {\n      const dataPoint = this.series[0].data[this.series[0].data.length - 1]\n      this.$emit('onPlayerHover', {\n        date: dataPoint.x,\n        players: dataPoint.y,\n      })\n    },\n  },\n\n  watch: {\n    data: {\n      immediate: true,\n      deep: true,\n      handler(val) {\n        this.series = [{\n          data: val\n        }]\n      }\n    }\n  }\n}\n</script>\n","<template>\n  <q-card flat>\n    <q-card-section horizontal class=\"items-center q-pl-sm q-pr-lg\">\n      <q-card-section class=\"q-py-md q-pr-lg\">\n        <div class=\"players-title\">Players online</div>\n        <div class=\"players-subtitle\">\n          <q-icon :name=\"ionPeople\" class=\"q-mr-xs\" />\n          {{ date }}\n        </div>\n        <div class=\"players-amount\">\n          <Deferred data=\"playersOnline\">\n            <template #fallback>\n              <q-skeleton type=\"rect\" width=\"100px\" />\n            </template>\n\n            {{ players }}\n          </Deferred>\n        </div>\n      </q-card-section>\n      <q-space />\n      <div class=\"row justify-end col-6 q-py-sm\">\n        <player-trend-over-time\n          v-if=\"trendData.length && trendData.length > 1\"\n          :data=\"trendData\"\n          @onPlayerHover=\"updateAmount\"\n        />\n      </div>\n    </q-card-section>\n  </q-card>\n</template>\n\n<style lang=\"scss\" scoped>\n.players-title {\n  font-size: 0.9em;\n  font-weight: 600;\n  letter-spacing: 0.5px;\n  line-height: 1;\n  margin-bottom: 5px;\n}\n\n.players-subtitle {\n  font-size: 0.8em;\n  letter-spacing: 0.5px;\n  opacity: 0.8;\n  line-height: 1;\n  margin-bottom: 5px;\n}\n\n.players-amount {\n  font-size: 1.8em;\n  line-height: 1;\n  font-weight: 800;\n  letter-spacing: 4px;\n}\n</style>\n\n<script>\nimport PlayerTrendOverTime from '@/Components/Charts/PlayerTrendOverTime.vue'\nimport { Deferred } from '@inertiajs/vue3'\nimport { ionPeople } from '@quasar/extras/ionicons-v6'\nimport dayjs from 'dayjs'\n\nexport default {\n  components: {\n    Deferred,\n    PlayerTrendOverTime,\n  },\n\n  props: {\n    data: {\n      type: Array,\n      required: true,\n      default: () => [],\n    },\n  },\n\n  setup() {\n    return {\n      ionPeople,\n    }\n  },\n\n  data: () => {\n    return {\n      players: 0,\n      date: null,\n    }\n  },\n\n  computed: {\n    trendData() {\n      const res = []\n      this.data.forEach((point, idx) => {\n        const newPoint = { y: Math.round(parseInt(point.online)) }\n        if (idx === this.data.length - 1) {\n          newPoint.x = 'Right now'\n        } else {\n          newPoint.x = dayjs(point.date).format('DD MMM YYYY')\n        }\n        res.push(newPoint)\n      })\n      return res\n    },\n  },\n\n  methods: {\n    updateAmount({ date, players }) {\n      this.date = date\n      this.players = Math.round(players)\n    },\n  },\n\n  watch: {\n    trendData: {\n      immediate: true,\n      handler(val) {\n        const latest = val[val.length - 1]\n        if (!latest) return\n        this.updateAmount({ date: latest.x, players: latest.y })\n      },\n    },\n  },\n}\n</script>\n"],"names":["_sfc_main","ctx","cfg","dataPoint","_a","val","_ctx","_createBlock","_component_apexchart","$options","_createCommentVNode","Deferred","PlayerTrendOverTime","ionPeople","res","point","idx","newPoint","dayjs","date","players","latest","_hoisted_1","_hoisted_2","_hoisted_3","QCard","_withCtx","_createVNode","QCardSection","_cache","_createElementVNode","QIcon","$setup","_createTextVNode","_component_Deferred","QSkeleton","QSpace","_component_player_trend_over_time"],"mappings":"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"}