{"version":3,"sources":["webpack:///./src/components/Graph.vue?d37c","webpack:///./src/components/Graph.vue?640b","webpack:///src/components/Graph.vue","webpack:///./src/components/Graph.vue?3cd6","webpack:///./src/components/Graph.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","convertDecToPercent","stat","data","current","full","_m","_v","_s","before","formatNumberWithCommas","after","translations","tcPercentageOfAnnualGoal","_e","title","staticRenderFns","mixins","translationMixin","props","i18n","type","Object","default","computed","propsTitle","tcScriptureOrders","tcNewMembers","tcScriptureReceipts","methods","Math","floor","val","x","parts","toString","split","replace","join","component"],"mappings":"kHAAA,W,kECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWC,MAAM,CAAC,kBAAkBP,EAAIQ,oBAAoBR,EAAIS,KAAKC,KAAKC,QAAUX,EAAIS,KAAKC,KAAKE,QAAQ,CAACZ,EAAIa,GAAG,GAAGb,EAAIa,GAAG,GAAGT,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIc,GAAG,IAAId,EAAIe,GAAGf,EAAIS,KAAKC,KAAKM,OAAShB,EAAIiB,uBAAuBjB,EAAIS,KAAKC,KAAKC,SAAW,IAAMX,EAAIS,KAAKC,KAAKQ,OAAO,OAAQlB,EAAIS,KAAKC,KAAKE,KAAO,EAAGR,EAAG,MAAM,CAACE,YAAY,OAAO,CAACN,EAAIc,GAAG,IAAId,EAAIe,GAAGf,EAAIQ,oBAAoBR,EAAIS,KAAKC,KAAKC,QAAUX,EAAIS,KAAKC,KAAKE,OAAOZ,EAAIe,GAAGf,EAAImB,aAAaC,0BAA0B,OAAOpB,EAAIqB,aAAajB,EAAG,KAAK,CAACA,EAAG,IAAI,CAACG,MAAM,CAAC,KAAO,MAAM,CAACP,EAAIc,GAAGd,EAAIe,GAAGf,EAAIsB,eACnzBC,EAAkB,CAAC,WAAa,IAAIvB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACF,EAAG,OAAO,CAACE,YAAY,oBAAoB,WAAa,IAAIN,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAACE,YAAY,kBAAkB,CAACF,EAAG,OAAO,CAACE,YAAY,qB,ssBCiClV,OACEkB,OAAQ,CAACC,EAAX,MACEC,MAAO,CACLC,KAAM,CACJC,KAAMC,OACNC,QAAS,WACP,MAAO,CACL,MAAS,CACPV,yBAA0B,uBAKlCX,KAAMoB,QAERnB,KAfF,WAgBI,MAAO,CACLS,aAAc,KAGlBY,SAAU,EAAZ,KACA,gBACI,YAAJ,+BAFA,IAIIT,MAJJ,WAKM,IAAN,gCACM,MAAmB,qBAAfU,EACK/B,KAAKkB,aAAac,kBACjC,kBACehC,KAAKkB,aAAae,aACjC,yBACejC,KAAKkB,aAAagB,oBAEpB,MAGXC,QAAS,CACP5B,oBADJ,SACA,GACM,OAAO6B,KAAKC,MAAY,IAANC,IAEpBtB,uBAJJ,SAIA,GACM,IAAKuB,EAAG,OAAO,EACf,IAAIC,EAAQD,EAAEE,WAAWC,MAAM,KAE/B,OADAF,EAAM,GAAKA,EAAM,GAAGG,QAAQ,wBAAyB,KAC9CH,EAAMI,KAAK,OAGtB,QA/CF,kLAgDA,uCACA,kBACA,uCAlDA,yGClC+U,I,wBCQ3UC,EAAY,eACd,EACA/C,EACAwB,GACA,EACA,KACA,KACA,MAIa,aAAAuB,E","file":"js/chunk-21c8ba0b.14ae8d97.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Graph.vue?vue&type=style&index=0&id=709cf65f&prod&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"stat\"},[_c('div',{staticClass:\"graph\"},[_c('div',{staticClass:\"circle\"}),_c('div',{staticClass:\"progress\",attrs:{\"data-percentage\":_vm.convertDecToPercent(_vm.stat.data.current / _vm.stat.data.full)}},[_vm._m(0),_vm._m(1),_c('div',{staticClass:\"progress-value\"},[_c('div',[_c('div',{staticClass:\"value\"},[_vm._v(\" \"+_vm._s(_vm.stat.data.before + _vm.formatNumberWithCommas(_vm.stat.data.current) + ' ' + _vm.stat.data.after)+\" \")]),(_vm.stat.data.full > 0)?_c('div',{staticClass:\"sub\"},[_vm._v(\" \"+_vm._s(_vm.convertDecToPercent(_vm.stat.data.current / _vm.stat.data.full))+_vm._s(_vm.translations.tcPercentageOfAnnualGoal)+\" \")]):_vm._e()])])])]),_c('h4',[_c('p',{attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.title))])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"progress-left\"},[_c('span',{staticClass:\"progress-bar\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"progress-right\"},[_c('span',{staticClass:\"progress-bar\"})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"stat\">\n    <div class=\"graph\">\n      <div class=\"circle\"></div>\n      <div class=\"progress\" :data-percentage=\"convertDecToPercent(stat.data.current / stat.data.full)\">\n        <span class=\"progress-left\">\n          <span class=\"progress-bar\"></span>\n        </span>\n        <span class=\"progress-right\">\n          <span class=\"progress-bar\"></span>\n        </span>\n        <div class=\"progress-value\">\n          <div>\n            <div class=\"value\">\n              {{ stat.data.before + formatNumberWithCommas(stat.data.current) + ' ' + stat.data.after }}\n            </div>\n            <div v-if=\"stat.data.full > 0\" class=\"sub\">\n              {{ convertDecToPercent(stat.data.current / stat.data.full) }}{{ translations.tcPercentageOfAnnualGoal }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <h4>\n      <p href=\"#\">{{ title }}</p>\n    </h4>\n  </div>\n</template>\n\n<script>\n/* eslint-disable */\nimport { translationMixin } from '@/mixins/translationMixin'\nimport { mapGetters } from 'vuex'\n\nexport default {\n  mixins: [translationMixin],\n  props: {\n    i18n: {\n      type: Object,\n      default: () => {\n        return {\n          'graph': {\n            tcPercentageOfAnnualGoal: '% of Annual Goal',\n          },\n        }\n      },\n    },\n    stat: Object,\n  },\n  data() {\n    return {\n      translations: {},\n    }\n  },\n  computed: {\n    ...mapGetters({\n      prefCulture: 'user/userPreferredCulture',\n    }),\n    title () {\n      const propsTitle = this.stat.title.toLowerCase()\n      if (propsTitle === 'scripture orders') {\n        return this.translations.tcScriptureOrders\n      } else if (propsTitle === 'new members') {\n        return this.translations.tcNewMembers\n      } else if (propsTitle === 'scripture receipts') {\n        return this.translations.tcScriptureReceipts\n      }\n      return ''\n    },\n  },\n  methods: {\n    convertDecToPercent(val) {\n      return Math.floor(val * 100)\n    },\n    formatNumberWithCommas(x) {\n      if (!x) return 0\n      var parts = x.toString().split('.')\n      parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')\n      return parts.join('.')\n    },\n  },\n  async created () {\n    await this.getComponentTranslations('graph')\n      .then(results => {\n        this.$set(this, 'translations', results['graph'])\n      })\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import '@/styles/settings.scss';\n@import '@/styles/components/component-graph.scss';\n\n.progress .progress-value .sub {\n  max-width: 250px;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Graph.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Graph.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Graph.vue?vue&type=template&id=709cf65f&\"\nimport script from \"./Graph.vue?vue&type=script&lang=js&\"\nexport * from \"./Graph.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Graph.vue?vue&type=style&index=0&id=709cf65f&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}