{"version":3,"sources":["webpack:///vcdonut.css","webpack:///src/components/src/components/Loading.vue","webpack:///src/components/src/components/Overview.vue"],"names":[],"mappings":"AAAA,eAAe,mBAAmB,CAAC,mBAAmB,CAAC,YAAY,CAAC,wBAAwB,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,uBAAuB,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,KAAK,WAAW,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,aAAa,CAAC,kBAAkB,iBAAiB,CAAC,eAAe,CAAC,aAAa,SAAS,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,YAAY,CAAC,wBAAwB,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,uBAAuB,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,UAAU,iBAAiB,CAAC,YAAY,mBAAmB,CAAC,mBAAmB,CAAC,YAAY,CAAC,uBAAuB,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,cAAc,CAAC,kBAAkB,CAAC,cAAc,CAAC,iBAAiB,0BAA0B,CAAC,0BAA0B,CAAC,mBAAmB,CAAC,wBAAwB,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,WAAW,CAAC,uBAAuB,aAAa,CAAC,YAAY,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,iBAAiB,CAAC,WAAW,CAAC,UAAU,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,aAAa,SAAS,CAAC,eAAe,CAAC,4BAA4B,CAAC,8BAA8B,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,yBAAyB,iBAAiB,CAAC,WAAW,CAAC,YAAY,UAAU,CAAC,kBAAkB,CAAC,+BAA+B,QAAQ,CAAC,2CAA2C,8BAA8B,CAAC,sBAAsB,CAAC,8BAA8B,MAAM,CAAC,wEAAwE,iCAAiC,CAAC,yBAAyB,CCsBrnD,8BACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,YAAA,CACA,cAAA,CACA,6BACA,CAEA,mBACA,cAAA,CACA,eACA,CAEA,sBACA,gBAAA,CACA,iBACA,CAEA,qBACA,WACA,CCkCA,aACA,UAAA,CACA,WAAA,CACA,oCAAA,CACA,oBAAA,CACA,YAAA,CACA,sBAAA,CACA,kBACA,CACA,YACA,qBACA,CACA,MACA,gBACA,CACA,aACA,iBACA","file":"chunk-b9e192e6.ba2dd568.css","sourcesContent":[".cdc-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cdc{height:auto;position:relative;-ms-flex-negative:0;flex-shrink:0}.cdc,.cdc-overlay{border-radius:50%;overflow:hidden}.cdc-overlay{opacity:1;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cdc-text{text-align:center}.cdc-legend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:1em;-ms-flex-wrap:wrap;flex-wrap:wrap}.cdc-legend-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:.5em}.cdc-legend-item-color{height:1.25em;width:1.25em;border-radius:2px;margin-right:.5em}.cdc-sections{position:absolute;height:auto;width:100%;padding-bottom:100%;border-radius:50%}.cdc-section{width:50%;overflow:hidden;background-color:transparent;-webkit-transform-origin:0 50%;transform-origin:0 50%;pointer-events:none}.cdc-filler,.cdc-section{position:absolute;height:100%}.cdc-filler{width:100%;pointer-events:all}.cdc-section.cdc-section-right{left:50%}.cdc-section.cdc-section-right .cdc-filler{-webkit-transform-origin:0 50%;transform-origin:0 50%}.cdc-section.cdc-section-left{left:0}.cdc-section.cdc-section-left,.cdc-section.cdc-section-left .cdc-filler{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}","<template>\n  <div class=\"loading-img text-center\">\n    <div v-show=\"reload\">\n      <p>Taking too long? Please reload</p>\n      <button\n        class=\"btn btn-primary\"\n        style=\"padding: 0.4rem\"\n        onclick=\"location.reload()\"\n      >\n        Reload\n      </button>\n    </div>\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\np {\n  font-size: 18px;\n  margin-top: 1rem;\n}\n\nspan {\n  margin-top: -1rem;\n  position: relative;\n}\n\nimg {\n  width: 12rem;\n}\n</style>\n\n<script>\nexport default {\n  data() {\n    return {\n      reload: false,\n    };\n  },\n  mounted() {\n    setTimeout(() => {\n      this.reload = true;\n    }, 20000);\n  },\n};\n</script>\n","<template>\n  <div>\n    <slot name=\"heading\"></slot>\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\">\n            <img src=\"./../assets/icons/pinpad.svg\" alt=\"\" />\n          </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\">\n            <img src=\"./../assets/icons/pos.svg\" alt=\"\" />\n          </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\">\n            <img src=\"./../assets/icons/bank-transfer.svg\" alt=\"\" />\n          </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      <slot></slot>\n      <b-col v-if=\"!hideOnDashboard\">\n        <b-card class=\"rc-card\">\n          <div class=\"grey-circle\">\n            <img src=\"./../assets/icons/accounts.svg\" alt=\"\" />\n          </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: 3rem;\n  height: 3rem;\n  background-color: rgba(238, 47, 82, 0.05);\n  border-radius: 9999px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\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"]}