{"version":3,"sources":["webpack:///src/components/Sidebar.vue","webpack:///src/components/Layout.vue","webpack:///src/components/src/components/Overview.vue","webpack:///src/components/TransactionsList.vue"],"names":[],"mappings":"AAqGA,0BACE,oEAAY,CAEZ,8GACiE,CACjE,eAA4B,CAC5B,wBAA0B,CAC3B,+BAEC,kBAAmB,CACpB,oBAEC,eAAgB,CACjB,sBAEC,YAAa,CACb,kBAAmB,CACnB,iCAAkC,CAClC,oBAAqB,CACrB,UAAW,CACX,cAAe,CACf,oBAAqB,CACrB,sBAAuB,CACvB,oBAAqB,CACtB,qDAGC,oBAAqB,CACrB,oCAAqC,CACrC,8BAAqC,CACtC,kCAEC,iBAAkB,CAClB,QAAS,CACT,WAAY,CACZ,sBAAuB,CACvB,oBAAqB,CACrB,kBAAoB,CACpB,gBAAiB,CAClB,wCAEC,8BAAqC,CACtC,2BAEC,aAAyB,CACzB,iBAAkB,CAClB,kBAAmB,CC1GrB,QACE,UAAW,CACX,WAAY,CACb,QAEC,eAAgB,CCsBlB,aACA,eAAA,CACA,gBAAA,CACA,0BAAA,CACA,oBACA,CACA,YACA,qBACA,CACA,MACA,gBACA,CACA,aACA,iBACA,CC8BA,eACE,eAAgB","file":"chunk-381c0634.f0058e78.css","sourcesContent":["\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.sidebar {\n  --tw-shadow: 0 1px 3px 0 hsla(0, 0%, 0%, 0.1),\n    0 1px 2px 0 hsla(0, 0%, 0%, 0.06);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 hsla(0, 0%, 0%, 0)),\n    var(--tw-ring-shadow, 0 0 hsla(0, 0%, 0%, 0)), var(--tw-shadow);\n  background: hsl(0, 0%, 100%);\n  padding: 1rem 0 !important;\n}\n.sidebar-menu {\n  padding-top: 3.7rem;\n}\nul {\n  list-style: none;\n}\nli > a {\n  display: flex;\n  align-items: center;\n  border-left: 3px solid transparent;\n  padding: 1rem 1.18rem;\n  width: 100%;\n  font-size: 1rem;\n  text-decoration: none;\n  color: var(--gray-dark);\n  margin-bottom: 1.5rem;\n}\nli > a:hover,\n.active {\n  color: var(--primary);\n  border-left: 3px solid var(--primary);\n  background: hsla(349, 85%, 56%, 0.05);\n}\n.absolute-bottom {\n  position: absolute;\n  bottom: 0;\n  border: none;\n  background: transparent;\n  color: var(--primary);\n  padding: 0.5rem 1rem;\n  margin-left: 1rem;\n}\n.absolute-bottom:hover {\n  background: hsla(349, 85%, 56%, 0.05);\n}\n.img-text {\n  color: hsl(349, 85%, 56%);\n  padding-left: 2rem;\n  padding-right: 2rem;\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.avatar {\n  width: 46px;\n  height: 46px;\n}\n.user p {\n  margin-bottom: 0;\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","\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"]}