{"version":3,"sources":["webpack:///src/components/src/components/Loading.vue","webpack:///src/components/TransactionsList.vue","webpack:///src/components/src/components/Overview.vue"],"names":[],"mappings":"AAYA,8BACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,YAAA,CACA,cAAA,CACA,6BACA,CAEA,sBACA,gBAAA,CACA,iBACA,CAEA,qBACA,WACA,CCoGA,eACE,eAAgB,CC7DlB,aACA,eAAA,CACA,gBAAA,CACA,0BAAA,CACA,oBACA,CACA,YACA,qBACA,CACA,MACA,gBACA,CACA,aACA,iBACA","file":"chunk-2c117242.835c6c77.css","sourcesContent":["<template>\n  <div class=\"loading-img\">\n    <span>Loading...</span>\n    <img src=\"./../assets/images/loading.svg\" alt=\"Loading...\" />\n  </div>\n</template>\n\n<script>\nexport default {};\n</script>\n\n<style scoped>\n.loading-img {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100vh;\n  font-size: 2rem;\n  flex-direction: column-reverse;\n}\n\nspan {\n  margin-top: -1rem;\n  position: relative;\n}\n\nimg {\n  width: 12rem;\n}\n</style>\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.dropdown-menu {\n  background: #fff;\n}\n","<template>\n  <div>\n    <h4 v-if=\"hideOnDashboard\">Overview</h4>\n    <b-row class=\"pt-5\">\n      <slot name=\"total-agents\"></slot>\n      <b-col>\n        <b-card class=\"rc-card\">\n          <div class=\"grey-circle\" v-if=\"!hideOnDashboard\"></div>\n          <slot name=\"card-1-title\"></slot>\n          <slot name=\"card-1-val\"></slot>\n          <p class=\"fs-overview\">\n            <slot name=\"card-1-percent\"></slot>\n            <slot name=\"from\"></slot>\n          </p>\n        </b-card>\n      </b-col>\n      <b-col>\n        <b-card class=\"rc-card\">\n          <div class=\"grey-circle\" v-if=\"!hideOnDashboard\"></div>\n          <slot name=\"card-2-title\"></slot>\n          <slot name=\"card-2-val\"></slot>\n          <p class=\"fs-overview\">\n            <slot name=\"card-2-percent\"></slot>\n            <slot name=\"from\"></slot>\n          </p>\n        </b-card>\n      </b-col>\n      <b-col v-if=\"!hideOnDashboard\">\n        <b-card class=\"rc-card\">\n          <div class=\"grey-circle\" v-if=\"!hideOnDashboard\"></div>\n          <slot name=\"card-3-title\"></slot>\n          <slot name=\"card-3-val\"></slot>\n          <p class=\"fs-overview\">\n            <slot name=\"card-3-percent\"></slot>\n            <slot name=\"from\"></slot>\n          </p>\n        </b-card>\n      </b-col>\n      <b-col>\n        <b-card class=\"rc-card\">\n          <div class=\"grey-circle\" v-if=\"!hideOnDashboard\"></div>\n          <slot name=\"card-4-earnings\"></slot>\n          <slot name=\"card-4-val\"></slot>\n          <p class=\"fs-overview\">\n            <slot name=\"card-4-percent\"></slot>\n            <slot v-if=\"!hideOnDashboard\"> from last month</slot>\n          </p>\n        </b-card>\n      </b-col>\n    </b-row>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"Overview\",\n  data() {\n    return {\n      hideOnDashboard: true,\n    };\n  },\n  mounted() {\n    this.hideOnDashboard = this.$router.history.current.path !== \"/dashboard\";\n  },\n};\n</script>\n\n<style>\n.grey-circle {\n  width: 2.0625rem;\n  height: 2.0625rem;\n  background: var(--gray-200);\n  border-radius: 9999px;\n}\n.grey-color {\n  color: var(--gray-400);\n}\n.pl_4 {\n  padding-left: 4px;\n}\n.fs-overview {\n  font-size: 0.875rem;\n}\n</style>\n"]}