{"version":3,"sources":["webpack:///./src/charts/ChartDoubleGaugeSales.vue?6510","webpack:///./src/charts/ChartDoubleGaugeSales.vue","webpack:///src/charts/ChartDoubleGaugeSales.vue","webpack:///./src/charts/ChartDoubleGaugeSales.vue?c5d0","webpack:///./src/charts/ChartDoubleGaugeSales.vue?8de6"],"names":["render","_vm","this","_c","_self","ref","staticClass","attrs","options","$slots","default","_t","_e","staticRenderFns","props","data","chart","type","backgroundColor","margin","credits","enabled","legend","title","text","pane","startAngle","endAngle","background","outerRadius","innerRadius","borderWidth","yAxis","min","max","lineWidth","tickPositions","plotLines","tooltip","plotOptions","solidgauge","dataLabels","linecap","stickyTracking","rounded","series","name","radius","y","color","mounted","updateChart","limit","updateLimit","methods","points","update","removePlotLine","addPlotLine","tailwindColors","warning","width","value","zIndex","id","computed","$refs","watch","n","o","JSON","stringify","component"],"mappings":"gHAAA,W,kECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,IAAI,kBAAkBC,YAAY,uBAAuB,CAACH,EAAG,aAAa,CAACE,IAAI,aAAaC,YAAY,kBAAkBC,MAAM,CAAC,QAAUN,EAAIO,WAAYP,EAAIQ,OAAOC,QAASP,EAAG,MAAM,CAACG,YAAY,mBAAmB,CAACL,EAAIU,GAAG,YAAY,GAAGV,EAAIW,MAAM,IAElUC,EAAkB,GCQtB,G,UAAA,CACAC,MAAA,iBACAC,KAAA,WACA,OACAP,QAAA,CACAQ,MAAA,CACAC,KAAA,aACAC,gBAAA,sBACAC,OAAA,WAEAC,QAAA,CAAAC,SAAA,GACAC,OAAA,CAAAD,SAAA,GACAE,MAAA,CAAAC,KAAA,IACAC,KAAA,CACAC,WAAA,EACAC,SAAA,IACAC,WAAA,EACAC,YAAA,OACAC,YAAA,MACAZ,gBAAA,UACAa,YAAA,GAEA,CACAF,YAAA,MACAX,gBAAA,UACAY,YAAA,MACAC,YAAA,KAIAC,MAAA,CACAC,IAAA,EACAC,IAAA,IACAC,UAAA,EACAC,cAAA,GACAC,UAAA,IAEAC,QAAA,CACAjB,SAAA,GAEAkB,YAAA,CACAC,WAAA,CACAC,WAAA,CACApB,SAAA,GAEAqB,QAAA,QACAC,gBAAA,EACAC,SAAA,IAGAC,OAAA,CACA,CACAC,KAAA,OACAC,OAAA,OACAjB,YAAA,MACAf,KAAA,EAAAiC,EAAA,EAAAC,MAAA,YAAAD,EAAA,EAAAC,MAAA,aAEA,CACAH,KAAA,WACAC,OAAA,MACAjB,YAAA,MACAf,KAAA,EAAAiC,EAAA,EAAAC,MAAA,iBAMAC,QAAA,WACA,KAAAC,cACA,KAAAC,OAAA,KAAAC,eAEAC,QAAA,CACAH,YAAA,WACA,KAAAnC,MAAA6B,OAAA,GAAAU,OAAA,GAAAC,OAAA,KAAAzC,KAAA,OACA,KAAAC,MAAA6B,OAAA,GAAAU,OAAA,GAAAC,OAAA,KAAAzC,KAAA,OACA,KAAAC,MAAA6B,OAAA,GAAAU,OAAA,GAAAC,OAAA,KAAAzC,KAAA,KAEAsC,YAAA,WACA,KAAArC,MAAAgB,MAAA,GAAAyB,eAAA,SACA,KAAAzC,MAAAgB,MAAA,GAAA0B,YAAA,CACAT,MAAA,KAAAU,eAAAC,QAAAlD,QACAmD,MAAA,EACAC,MAAA,KAAAV,MACAW,OAAA,GACAC,GAAA,YAIAC,SAAA,CACAjD,MAAA,uBAAAkD,MAAA,cAAAlD,QAEAmD,MAAA,CACApD,KAAA,SAAAqD,EAAAC,GACAC,KAAAC,UAAAH,KAAAE,KAAAC,UAAAF,IACA,KAAAlB,eAGAC,MAAA,SAAAgB,EAAAC,GACAC,KAAAC,UAAAH,KAAAE,KAAAC,UAAAF,IAAA,KAAAhB,kBC5G+V,I,wBCQ3VmB,EAAY,eACd,EACAxE,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAA2D,E","file":"js/chunk-8b238238.2d98c3fb.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!./ChartDoubleGaugeSales.vue?vue&type=style&index=0&id=4a2777c8&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"container-chart\",staticClass:\"chart-wrap relative\"},[_c('highcharts',{ref:\"gaugeChart\",staticClass:\"chart-component\",attrs:{\"options\":_vm.options}}),(_vm.$slots.default)?_c('div',{staticClass:\"center-absolute\"},[_vm._t(\"default\")],2):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\r\n    <div class=\"chart-wrap relative\" ref=\"container-chart\">\r\n        <highcharts :options=\"options\" ref=\"gaugeChart\" class=\"chart-component\" />\r\n        <div class=\"center-absolute\" v-if=\"$slots.default\"><slot /></div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        props: ['data', 'limit'],\r\n        data() {\r\n            return {\r\n                options: {\r\n                    chart: {\r\n                        type: 'solidgauge',\r\n                        backgroundColor: 'rgba(255,255,255,0)',\r\n                        margin: [0,0,0,0],\r\n                    },\r\n                    credits: { enabled: false },\r\n                    legend: { enabled: false },\r\n                    title: { text: '' },\r\n                    pane: {\r\n                        startAngle: 0,\r\n                        endAngle: 360,\r\n                        background: [{ // Track for Move\r\n                            outerRadius: '100%',\r\n                            innerRadius: '95%',\r\n                            backgroundColor:'#2D363C',\r\n                            borderWidth: 0\r\n                        }, \r\n                         { // Track for Exercise\r\n                         outerRadius: '94%',\r\n                         backgroundColor: '#2D363C',\r\n                         innerRadius: '89%',\r\n                         borderWidth: 0\r\n                         }\r\n                        ]\r\n                    },\r\n                    yAxis: {\r\n                        min: 0,\r\n                        max: 100,\r\n                        lineWidth: 0,\r\n                        tickPositions: [],\r\n                        plotLines: [],\r\n                    },\r\n                    tooltip:{\r\n                        enabled: false\r\n                    },\r\n                    plotOptions: {\r\n                        solidgauge: {\r\n                            dataLabels: {\r\n                                enabled: false\r\n                            },\r\n                            linecap: 'round',\r\n                            stickyTracking: false,\r\n                            rounded: true\r\n                        }\r\n                    },\r\n                    series: [\r\n                        {\r\n                            name: 'Move',\r\n                            radius: '100%',\r\n                            innerRadius: '95%',\r\n                            data: [{y:0, color:'#2363C9'},{y:0, color:'#59BEB6'}]\r\n                        },\r\n                        {\r\n                            name: 'Exercise',\r\n                            radius: '94%',\r\n                            innerRadius: '89%',\r\n                            data: [{y:0, color:'#F9B254'}]\r\n                        }\r\n                    ]\r\n                }\r\n            }\r\n        },\r\n        mounted() {\r\n            this.updateChart();     \r\n            if (this.limit) { this.updateLimit() }\r\n        },\r\n        methods:{\r\n            updateChart() {\r\n                this.chart.series[0].points[1].update(this.data[0][0]);\r\n                this.chart.series[0].points[0].update(this.data[0][1]);\r\n                this.chart.series[1].points[0].update(this.data[1]);\r\n            },\r\n            updateLimit() {\r\n                this.chart.yAxis[0].removePlotLine('limit')\r\n                this.chart.yAxis[0].addPlotLine({ \r\n                    color: this.tailwindColors.warning.default, \r\n                    width: 3, \r\n                    value: this.limit,\r\n                    zIndex:10,\r\n                    id:'limit'\r\n                })\r\n            }\r\n        },\r\n        computed: {\r\n            chart() { return this.$refs['gaugeChart'].chart }\r\n        },\r\n        watch: {\r\n            data(n, o) {\r\n                if (JSON.stringify(n) !== JSON.stringify(o)) {\r\n                    this.updateChart();\r\n                }\r\n            },\r\n            limit(n, o) {\r\n                if (JSON.stringify(n) !== JSON.stringify(o)) { this.updateLimit() }\r\n            }\r\n        },\r\n    }\r\n\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .chart-wrap {\r\n        height: 100% !important;\r\n        width: 100% !important;\r\n        .highcharts-container {\r\n            height: 100% !important;\r\n            width: 100% !important;\r\n        }\r\n    }\r\n    .chart-wrap > .chart-component {\r\n        height: 100% !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n</style>\r\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!./ChartDoubleGaugeSales.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!./ChartDoubleGaugeSales.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartDoubleGaugeSales.vue?vue&type=template&id=4a2777c8&\"\nimport script from \"./ChartDoubleGaugeSales.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartDoubleGaugeSales.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChartDoubleGaugeSales.vue?vue&type=style&index=0&id=4a2777c8&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":""}