{"version":3,"sources":["webpack:///./src/views/Reports/Components/Widgets/Bar-Clustered.vue?5771","webpack:///src/views/Reports/Components/Widgets/Bar-Clustered.vue","webpack:///./src/views/Reports/Components/Widgets/Bar-Clustered.vue?0093","webpack:///./src/views/Reports/Components/Widgets/Bar-Clustered.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","ref","staticStyle","id","staticRenderFns","component","VCard"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,GAAG,OAAS,OAAO,MAAQ,SAAS,CAACF,EAAG,SAAS,CAACG,IAAI,WAAWH,EAAG,MAAM,CAACI,YAAY,CAAC,OAAS,OAAO,MAAQ,QAAQF,MAAM,CAAC,GAAK,YAAYN,EAAIS,OAAO,IAClRC,EAAkB,G,8CCQtB,GACE,KADF,WAEI,MAAJ,IAEE,MAAF,OACE,QALF,WAMI,IAAJ,OACI,EAAJ,aACI,YAAJ,WACM,EAAN,cACM,EAAN,sBACA,MAEE,QAAF,CACI,YADJ,WAEM,IAAN,qCACM,EAAN,OACQ,KAAR,KACQ,OAAR,KACQ,SAAR,MACA,CACQ,KAAR,KACQ,OAAR,KACQ,SAAR,MACA,CACQ,KAAR,KACQ,OAAR,KACQ,SAAR,MACA,CACQ,KAAR,KACQ,OAAR,KACQ,SAAR,MACA,CACQ,KAAR,KACQ,OAAR,KACQ,SAAR,KAIM,IAAN,2BACM,EAAN,2BACM,EAAN,iCACM,EAAN,qBACM,EAAN,kCACM,EAAN,8BACM,EAAN,4BAEM,IAAN,2BACM,EAAN,qBAKM,EAAN,uBACM,EAAN,4BAII,WA7CJ,WA8CM,IAAN,OACM,EAAN,wDAKA,kBACE,IAAF,4BACE,EAAF,oBACE,EAAF,4BACE,EAAF,OACE,EAAF,yDACE,EAAF,oCACE,EAAF,0BAEE,IAAF,6BACE,EAAF,sBACE,EAAF,8BACE,EAAF,YACE,EAAF,uBACE,EAAF,kBAEE,IAAF,6BACE,EAAF,oBACE,EAAF,+BACE,EAAF,aACE,EAAF,0BACE,EAAF,uBACE,EAAF,kBChGse,Q,6CCOleC,EAAY,eACd,EACAZ,EACAW,GACA,EACA,KACA,KACA,MAIa,aAAAC,EAAiB,QAKhC,IAAkBA,EAAW,CAACC,QAAA","file":"js/chunk-2d230de5.c35f66e5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{attrs:{\"flat\":\"\",\"height\":\"100%\",\"width\":\"100%\"}},[_c('loader',{ref:\"loader\"}),_c('div',{staticStyle:{\"height\":\"100%\",\"width\":\"100%\"},attrs:{\"id\":'chartdiv_'+_vm.id}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-card flat height=\"100%\" width=\"100%\">\r\n        <loader ref=\"loader\" />\r\n        <div :id=\"'chartdiv_'+id\" style=\"height:100%; width:100%;\"></div>\r\n    </v-card>\r\n</template>\r\n<script>\r\n    import * as am4core from \"@amcharts/amcharts4/core\";\r\n    import * as am4charts from \"@amcharts/amcharts4/charts\";\r\n    export default {\r\n        data() {\r\n            return {};\r\n        },\r\n        props: [\"id\"],\r\n        mounted() {\r\n            let self = this;\r\n            self.showLoader();\r\n            setTimeout(() => {\r\n                self.createGraph();\r\n                self.$refs.loader.hide();\r\n            }, 3000);\r\n        },\r\n        methods: {\r\n            createGraph() {\r\n                let chart = am4core.create(\"chartdiv_\" + this.id, am4charts.XYChart);\r\n                chart.data = [{\r\n                    \"year\": 2005,\r\n                    \"income\": 23.5,\r\n                    \"expenses\": 18.1\r\n                }, {\r\n                    \"year\": 2006,\r\n                    \"income\": 26.2,\r\n                    \"expenses\": 22.8\r\n                }, {\r\n                    \"year\": 2007,\r\n                    \"income\": 30.1,\r\n                    \"expenses\": 23.9\r\n                }, {\r\n                    \"year\": 2008,\r\n                    \"income\": 29.5,\r\n                    \"expenses\": 25.1\r\n                }, {\r\n                    \"year\": 2009,\r\n                    \"income\": 24.6,\r\n                    \"expenses\": 25\r\n                }];\r\n\r\n                // Create axes\r\n                let categoryAxis = chart.yAxes.push(new am4charts.CategoryAxis());\r\n                categoryAxis.dataFields.category = \"year\";\r\n                categoryAxis.numberFormatter.numberFormat = \"#\";\r\n                categoryAxis.renderer.inversed = true;\r\n                categoryAxis.renderer.grid.template.location = 0;\r\n                categoryAxis.renderer.cellStartLocation = 0.1;\r\n                categoryAxis.renderer.cellEndLocation = 0.9;\r\n\r\n                let valueAxis = chart.xAxes.push(new am4charts.ValueAxis());\r\n                valueAxis.renderer.opposite = true;\r\n\r\n                // Create series\r\n              \r\n\r\n                createSeries(chart,\"income\", \"Complete\");\r\n                createSeries(chart,\"expenses\", \"Incomplete\");\r\n                // Add data\r\n\r\n            },\r\n            showLoader() {\r\n                let self = this;\r\n                self.$refs.loader.show('Loading', 'The widget is loading');\r\n            }\r\n        }\r\n    };\r\n\r\n      function createSeries(chart,field, name) {\r\n                    let series = chart.series.push(new am4charts.ColumnSeries());\r\n                    series.dataFields.valueX = field;\r\n                    series.dataFields.categoryY = \"year\";\r\n                    series.name = name;\r\n                    series.columns.template.tooltipText = \"{name}: [bold]{valueX}[/]\";\r\n                    series.columns.template.height = am4core.percent(100);\r\n                    series.sequencedInterpolation = true;\r\n\r\n                    let valueLabel = series.bullets.push(new am4charts.LabelBullet());\r\n                    valueLabel.label.text = \"{valueX}\";\r\n                    valueLabel.label.horizontalCenter = \"left\";\r\n                    valueLabel.label.dx = 10;\r\n                    valueLabel.label.hideOversized = false;\r\n                    valueLabel.label.truncate = false;\r\n\r\n                    let categoryLabel = series.bullets.push(new am4charts.LabelBullet());\r\n                    categoryLabel.label.text = \"{name}\";\r\n                    categoryLabel.label.horizontalCenter = \"right\";\r\n                    categoryLabel.label.dx = -10;\r\n                    categoryLabel.label.fill = am4core.color(\"#fff\");\r\n                    categoryLabel.label.hideOversized = false;\r\n                    categoryLabel.label.truncate = false;\r\n                }\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Bar-Clustered.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Bar-Clustered.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Bar-Clustered.vue?vue&type=template&id=0c03768d&\"\nimport script from \"./Bar-Clustered.vue?vue&type=script&lang=js&\"\nexport * from \"./Bar-Clustered.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/cli-service/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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\ninstallComponents(component, {VCard})\n"],"sourceRoot":""}