{"version":3,"sources":["webpack:///./src/apps/call/RealTimeAssistantComponents/RealTimeAssistantArcPie.vue?8e0d","webpack:///./src/apps/call/RealTimeAssistantComponents/RealTimeAssistantArcPie.vue?cbfe","webpack:///src/apps/call/RealTimeAssistantComponents/RealTimeAssistantArcPie.vue","webpack:///./src/apps/call/RealTimeAssistantComponents/RealTimeAssistantArcPie.vue?11b5","webpack:///./src/apps/call/RealTimeAssistantComponents/RealTimeAssistantArcPie.vue"],"names":["render","_vm","this","_c","_self","class","containerClass","attrs","labelClass","_v","_s","label","_b","directives","name","rawName","value","expression","modifiers","scopedSlots","_u","key","fn","staticClass","style","innerLabelFontSize","innerLabel","proxy","donutProps","staticRenderFns","labelPlacementOrder","top","bottom","left","right","props","type","String","required","default","color","Number","innerText","total","size","labelPlacement","computed","sections","Math","min","thickness","hasLegend","autoAdjustTextSize","legendPlacement","foreground","toFixed","component"],"mappings":"gIAAA,W,kCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAMJ,EAAIK,eAAeC,MAAM,CAAC,GAAK,6BAA6B,CAACJ,EAAG,MAAM,CAACE,MAAMJ,EAAIO,WAAWD,MAAM,CAAC,GAAK,yBAAyB,CAACN,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIU,OAAO,OAAOR,EAAG,MAAM,CAACI,MAAM,CAAC,GAAK,mBAAmB,CAACJ,EAAG,WAAWF,EAAIW,GAAG,CAACC,WAAW,CAAC,CAACC,KAAK,YAAYC,QAAQ,yBAAyBC,MAAOf,EAAS,MAAEgB,WAAW,QAAQC,UAAU,CAAC,OAAQ,EAAK,MAAO,KAAQC,YAAYlB,EAAImB,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACnB,EAAG,MAAM,CAACoB,YAAY,gBAAgBC,MAAO,cAAgBvB,EAAIwB,mBAAqB,MAAO,CAACxB,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIyB,YAAY,SAASC,OAAM,MAAS,WAAW1B,EAAI2B,YAAW,KAAS,MAEprBC,EAAkB,GCwBP,GACbf,KAAM,0BACN,OACE,MAAO,CACLgB,oBAAqB,CACnBC,KAAM,EACNC,OAAQ,EACRC,MAAO,EACPC,MAAO,KAIbC,MAAO,CACLxB,MAAO,CACLyB,KAAMC,OACNC,UAAU,EACVC,QAAS,iBAEXC,MAAO,CACLJ,KAAMC,OACNC,UAAU,EACVC,QAAS,WAEXvB,MAAO,CACLoB,KAAMK,OACNH,UAAU,GAEZI,UAAW,CACTN,KAAMC,OACNC,UAAU,GAEZK,MAAO,CACLP,KAAMK,OACNH,UAAU,EACVC,QAAS,KAEXK,KAAM,CACJR,KAAMK,OACNH,UAAU,EACVC,QAAS,IAEXM,eAAgB,CACdT,KAAMC,OACNC,UAAU,EACVC,QAAS,QAGbO,SAAU,CACR,aACE,MAAO,CACLF,KAAM1C,KAAK0C,KACXG,SAAU,CAAC,CAAE/B,MAAOgC,KAAKC,IAAI/C,KAAKc,MAAOd,KAAKyC,OAAQH,MAAOtC,KAAKsC,MAAO7B,MAAOT,KAAKS,QACrFuC,UAAWhD,KAAK0C,KAAO,EACvBO,WAAW,EACXC,oBAAoB,EACpBC,gBAAiB,MACjBV,MAAOzC,KAAKyC,MACZW,WAAY,cAGhB,iBACE,MAAO,yBAA2BpD,KAAK2C,gBAEzC,aACE,MAAO,0BAA4B3C,KAAK4B,oBAAoB5B,KAAK2C,iBAEnE,qBACE,OAAmB,EAAZ3C,KAAK0C,MAEd,aACE,OAAO1C,KAAKwC,UAAYxC,KAAKwC,UAAYxC,KAAKc,MAAMuC,QAAQ,GAAK,OChGiN,I,wBCQpRC,EAAY,eACd,EACAxD,EACA6B,GACA,EACA,KACA,WACA,MAIa,OAAA2B,E","file":"js/BaoAnalytics~CallMainContainer.bcff620f.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!../../../../node_modules/vue-svg-inline-loader/src/index.js!./RealTimeAssistantArcPie.vue?vue&type=style&index=0&id=d693fc64&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:_vm.containerClass,attrs:{\"id\":\"chart-container-21641658\"}},[_c('div',{class:_vm.labelClass,attrs:{\"id\":\"chart-label-21641658\"}},[_vm._v(\" \"+_vm._s(_vm.label)+\" \")]),_c('div',{attrs:{\"id\":\"chart-21641658\"}},[_c('vc-donut',_vm._b({directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.left\",value:(_vm.label),expression:\"label\",modifiers:{\"hover\":true,\"left\":true}}],scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('div',{staticClass:\"text-black-50\",style:('font-size: ' + _vm.innerLabelFontSize + '%;')},[_vm._v(\" \"+_vm._s(_vm.innerLabel)+\" \")])]},proxy:true}])},'vc-donut',_vm.donutProps,false))],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"chart-container-21641658\"\n       :class=\"containerClass\"\n  >\n    <div id=\"chart-label-21641658\"\n         :class=\"labelClass\">\n      {{ label }}\n    </div>\n    <div id=\"chart-21641658\">\n      <vc-donut\n        v-bind=\"donutProps\"\n        v-b-tooltip.hover.left=\"label\"\n      >\n        <template #default>\n          <div class=\"text-black-50\"\n               :style=\"'font-size: ' + innerLabelFontSize + '%;'\"\n          >\n            {{ innerLabel }}\n          </div>\n        </template>\n      </vc-donut>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"RealTimeAssistantArcPie\",\n  data () {\n    return {\n      labelPlacementOrder: {\n        top: -1,\n        bottom: 1,\n        left: -1,\n        right: 1\n      }\n    }\n  },\n  props: {\n    label: {\n      type: String,\n      required: false,\n      default: \"Talking share\"\n    },\n    color: {\n      type: String,\n      required: false,\n      default: \"#2A2D52\"\n    },\n    value: {\n      type: Number,\n      required: true\n    },\n    innerText: {\n      type: String,\n      required: false\n    },\n    total: {\n      type: Number,\n      required: false,\n      default: 100 // think: value/total = ratio to display in arc pie\n    },\n    size: {\n      type: Number,\n      required: false,\n      default: 60\n    },\n    labelPlacement: {\n      type: String,\n      required: false,\n      default: \"top\"\n    }\n  },\n  computed: {\n    donutProps () {\n      return {\n        size: this.size,\n        sections: [{ value: Math.min(this.value, this.total), color: this.color, label: this.label }],\n        thickness: this.size / 3, // set this to 100 to render it as a pie chart instead\n        hasLegend: false, // !this.answer,\n        autoAdjustTextSize: false,\n        legendPlacement: \"top\",\n        total: this.total,\n        foreground: \"#0000000F\"\n      }\n    },\n    containerClass () {\n      return \"chart-container label-\" + this.labelPlacement\n    },\n    labelClass () {\n      return \"m-2 font-size-12 order-\" + this.labelPlacementOrder[this.labelPlacement]\n    },\n    innerLabelFontSize () {\n      return this.size * 2\n    },\n    innerLabel () {\n      return this.innerText ? this.innerText : this.value.toFixed(0) + \"%\"\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.chart-container {\n  display: flex;\n  margin-bottom: 5px;\n}\n\n.label-top {\n  flex-direction: column;\n  text-align: center;\n}\n\n.label-bottom   {\n  flex-direction: column;\n  text-align: center;\n}\n\n.label-right {\n  flex-direction: row;  /* default flex direction */\n  align-items: center;\n}\n\n.label-left {\n  flex-direction: row; /* default flex direction */\n  align-items: center;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./RealTimeAssistantArcPie.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./RealTimeAssistantArcPie.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RealTimeAssistantArcPie.vue?vue&type=template&id=d693fc64&scoped=true&\"\nimport script from \"./RealTimeAssistantArcPie.vue?vue&type=script&lang=js&\"\nexport * from \"./RealTimeAssistantArcPie.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RealTimeAssistantArcPie.vue?vue&type=style&index=0&id=d693fc64&prod&scoped=true&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  \"d693fc64\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}