{"version":3,"file":"stats_card-xOso-3p4.js","sources":["../../../app/javascript/components/shared/stats_card.vue"],"sourcesContent":["<template>\n  <v-card\n    flat\n    outlined\n    class=\"stat_card\"\n    v-if=\"value !==null && !skeleton\"\n    :loading=\"loading\"\n  >\n    <v-card-text>\n      <div class=\"number\">\n        {{ value }}\n      </div>\n      <div>\n        <b>{{ name }}</b>\n      </div>\n    </v-card-text>\n  </v-card>\n\n  <v-skeleton-loader\n    v-else\n    type=\"card\"\n    height=\"72\"\n    class=\"mb-2\"\n  />\n</template>\n\n<script>\nexport default {\n  name: \"StatsCard\",\n  props: {\n    name: { type: String, default: null },\n    value: { type: [String, Number], default: null },\n    skeleton: { type: Boolean, default: false },\n    loading: { type: Boolean, default: false },\n  },\n}\n</script>\n\n<style scoped>\n  .stat_card {\n    /*width: fit-content;*/\n    text-align: left;\n  }\n\n  .number {\n    color: #b5b5b5;\n    font-weight: bold;\n    font-size: 2.2em;\n  }\n</style>\n"],"names":["_sfc_main"],"mappings":"ygBA2BA,MAAAA,EAAA,CACA,KAAA,YACA,MAAA,CACA,KAAA,CAAA,KAAA,OAAA,QAAA,IAAA,EACA,MAAA,CAAA,KAAA,CAAA,OAAA,MAAA,EAAA,QAAA,IAAA,EACA,SAAA,CAAA,KAAA,QAAA,QAAA,EAAA,EACA,QAAA,CAAA,KAAA,QAAA,QAAA,EAAA,CACA,CACA"}