{"version":3,"sources":["webpack:///./node_modules/vue-chartjs/es/mixins/index.js","webpack:///./node_modules/vue-chartjs/es/BaseCharts.js","webpack:///./src/chartcomponents/barcomponent/BarComponent.vue","webpack:///src/chartcomponents/barcomponent/BarComponent.vue","webpack:///./src/chartcomponents/barcomponent/BarComponent.vue?7413"],"names":["generateChart","chartId","chartType","render","createElement","style","this","styles","class","cssClasses","attrs","id","width","height","ref","props","default","type","String","Number","Object","plugins","Array","data","_chart","_plugins","methods","addPlugin","plugin","$data","push","generateLegend","renderChart","options","destroy","$refs","canvas","getContext","beforeDestroy","Bar","Doughnut","Line","staticRenderFns","extends","name","watch","mounted","computed","chartData","labels","tooltip","isMobileWidth","hideBarAnnotation","datasets","label","backgroundColor","hoverBackgroundColor","barPercentage","categoryPercentage","barThickness","gridLineColor","layout","padding","top","bottom","tooltips","enabled","mode","displayColors","callbacks","title","responsive","maintainAspectRatio","legend","display","position","align","animation","onComplete","targetCtx","sourceCtx","hover","animationDuration","annotation","drawTime","events","annotations","scaleID","value","borderColor","APP_CONST","borderWidth","borderDash","borderDashOffset","fontFamily","fontSize","fontStyle","fontColor","xPadding","yPadding","cornerRadius","xAdjust","yAdjust","content","document","scales","xAxes","maxBarLength","gridLines","zeroLineWidth","zeroLineColor","drawTicks","ticks","maxRotation","minRotation","scaleBeginAtZero","beginAtZero","scaleLabel","labelString","yAxes","stepSize","min","steps","max","renderChartData","component"],"mappings":"wNAoEO,I,qBCnEA,SAASA,EAAcC,EAASC,GACrC,MAAO,CACLC,OAAQ,SAAgBC,GACtB,OAAOA,EAAc,MAAO,CAC1BC,MAAOC,KAAKC,OACZC,MAAOF,KAAKG,YACX,CAACL,EAAc,SAAU,CAC1BM,MAAO,CACLC,GAAIL,KAAKL,QACTW,MAAON,KAAKM,MACZC,OAAQP,KAAKO,QAEfC,IAAK,cAGTC,MAAO,CACLd,QAAS,CACPe,QAASf,EACTgB,KAAMC,QAERN,MAAO,CACLI,QAAS,IACTC,KAAME,QAERN,OAAQ,CACNG,QAAS,IACTC,KAAME,QAERV,WAAY,CACVQ,KAAMC,OACNF,QAAS,IAEXT,OAAQ,CACNU,KAAMG,QAERC,QAAS,CACPJ,KAAMK,MACNN,QAAS,WACP,MAAO,MAIbO,KAAM,WACJ,MAAO,CACLC,OAAQ,KACRC,SAAUnB,KAAKe,UAGnBK,QAAS,CACPC,UAAW,SAAmBC,GAC5BtB,KAAKuB,MAAMJ,SAASK,KAAKF,IAE3BG,eAAgB,WACd,GAAIzB,KAAKuB,MAAML,OACb,OAAOlB,KAAKuB,MAAML,OAAOO,kBAG7BC,YAAa,SAAqBT,EAAMU,GAClC3B,KAAKuB,MAAML,QAAQlB,KAAKuB,MAAML,OAAOU,UACzC5B,KAAKuB,MAAML,OAAS,IAAI,IAAMlB,KAAK6B,MAAMC,OAAOC,WAAW,MAAO,CAChEpB,KAAMf,EACNqB,KAAMA,EACNU,QAASA,EACTZ,QAASf,KAAKuB,MAAMJ,aAI1Ba,cAAe,WACThC,KAAKuB,MAAML,QACblB,KAAKuB,MAAML,OAAOU,YAKnB,IAAIK,EAAMvC,EAAc,YAAa,OAEjCwC,GADgBxC,EAAc,sBAAuB,iBAC1CA,EAAc,iBAAkB,aAC3CyC,EAAOzC,EAAc,aAAc,QAC7BA,EAAc,YAAa,OACrBA,EAAc,cAAe,aACjCA,EAAc,cAAe,SAC5BA,EAAc,eAAgB,UAC7BA,EAAc,gBAAiB,Y,yDCnFhDG,EAAQuC,E,wBCIG,GACfC,eACAC,gBACA7B,0MACA8B,OACAtB,iBACA,yBAGAuB,mBACA,wBAEAC,UACAC,qBAEA,OACAC,UACAC,WACAC,iCACAC,yCACAC,UACA,CACAC,mBACA/B,QACAgC,mBACAC,kDACAC,gBACAC,qBACAC,mBAKA,KAEA,GADAC,gBACA,UACA,mCACAA,uCACAZ,iCACAA,qCACAA,2CACAA,yDAGA,UAEAf,mBACA,IACA,GACA4B,QACAC,SACAC,OACAC,YAGAC,UACAC,WACAC,cACAC,iBACAC,WACAf,oBACA,2DACA,+BAEAgB,wBAKAd,wBACAe,cACAC,uBACAC,QACAC,WACAC,kBACAC,gBAEAC,WACAC,sBACA,8BACA,0BACA,wCACA,2EACA,uDACAC,aACAA,mBACAA,oBACAA,yCACAA,wCACAA,uCACA,yBACAC,uBAGAC,OACAC,qBAEAC,YACAC,6BACAC,iBACAC,aACA,CACA3E,WACAM,YACAkD,kBACAoB,mBACAC,8BACA,EACA,GACAC,0CACA,cACAC,+BACAC,cACAC,iBACAC,mBACAvC,OACAwC,8CACAC,YACAC,cACAC,yCACAC,4BACA,EACA,EACAC,WACAC,eACAzB,iBACA0B,YACAC,WACApC,WACAX,+CACAgD,yBACA,MAIA,CACA5F,YACAM,YACAkD,kBACAoB,mBACAC,SACAC,0BACAE,cACArC,OACAwC,8CACAC,YACAC,iBACAC,yCACAC,4BACA,EACA,EACAG,2BACAG,mFACA,GACA,GACA,IACAF,UACA3B,gBACAT,WACAX,8BACAgD,iCACA,yBACA,OAKAE,QACAC,OACA,CACAC,eACAC,WACAC,gBACAC,sBACAC,cAEAC,OACAlB,8CACAC,YACAE,yCACAgB,eACAC,eACApD,WACAqD,oBACAC,gBAEAC,YACA3C,WACA4C,eACAvB,YACAC,iBACAC,kBACAH,iDAIAyB,OACA,CACA7C,WACA2C,YACA3C,WACA4C,0BACAvB,YACAC,iBACAC,kBACAH,+CAEAkB,OACAQ,6BACA,uBACA,GACAC,MACAL,eACAM,SACAC,wBACA,oBACA,IACA7B,8CACAC,YACAE,mBAEAW,WACAlC,WACAmC,gBACAC,2BAYA,OANA,yBACA7E,mBAEAA,yDACAA,yDACAA,0DACA,IAGAP,SACAkG,2BACA,iDCrPqW,I,YFOjWC,EAAY,eACd,EACA1H,EACAuC,GACA,EACA,KACA,KACA,MAIa,aAAAmF,E","file":"js/chunk-1476a086.1cdc43454684d7c6c5d0.1732066582532.min.js","sourcesContent":["function dataHandler(newData, oldData) {\n  if (oldData) {\n    var chart = this.$data._chart;\n    var newDatasetLabels = newData.datasets.map(function (dataset) {\n      return dataset.label;\n    });\n    var oldDatasetLabels = oldData.datasets.map(function (dataset) {\n      return dataset.label;\n    });\n    var oldLabels = JSON.stringify(oldDatasetLabels);\n    var newLabels = JSON.stringify(newDatasetLabels);\n\n    if (newLabels === oldLabels && oldData.datasets.length === newData.datasets.length) {\n      newData.datasets.forEach(function (dataset, i) {\n        var oldDatasetKeys = Object.keys(oldData.datasets[i]);\n        var newDatasetKeys = Object.keys(dataset);\n        var deletionKeys = oldDatasetKeys.filter(function (key) {\n          return key !== '_meta' && newDatasetKeys.indexOf(key) === -1;\n        });\n        deletionKeys.forEach(function (deletionKey) {\n          delete chart.data.datasets[i][deletionKey];\n        });\n\n        for (var attribute in dataset) {\n          if (dataset.hasOwnProperty(attribute)) {\n            chart.data.datasets[i][attribute] = dataset[attribute];\n          }\n        }\n      });\n\n      if (newData.hasOwnProperty('labels')) {\n        chart.data.labels = newData.labels;\n        this.$emit('labels:update');\n      }\n\n      if (newData.hasOwnProperty('xLabels')) {\n        chart.data.xLabels = newData.xLabels;\n        this.$emit('xlabels:update');\n      }\n\n      if (newData.hasOwnProperty('yLabels')) {\n        chart.data.yLabels = newData.yLabels;\n        this.$emit('ylabels:update');\n      }\n\n      chart.update();\n      this.$emit('chart:update');\n    } else {\n      if (chart) {\n        chart.destroy();\n        this.$emit('chart:destroy');\n      }\n\n      this.renderChart(this.chartData, this.options);\n      this.$emit('chart:render');\n    }\n  } else {\n    if (this.$data._chart) {\n      this.$data._chart.destroy();\n\n      this.$emit('chart:destroy');\n    }\n\n    this.renderChart(this.chartData, this.options);\n    this.$emit('chart:render');\n  }\n}\n\nexport var reactiveData = {\n  data: function data() {\n    return {\n      chartData: null\n    };\n  },\n  watch: {\n    'chartData': dataHandler\n  }\n};\nexport var reactiveProp = {\n  props: {\n    chartData: {\n      type: Object,\n      required: true,\n      default: function _default() {}\n    }\n  },\n  watch: {\n    'chartData': dataHandler\n  }\n};\nexport default {\n  reactiveData: reactiveData,\n  reactiveProp: reactiveProp\n};","import Chart from 'chart.js';\nexport function generateChart(chartId, chartType) {\n  return {\n    render: function render(createElement) {\n      return createElement('div', {\n        style: this.styles,\n        class: this.cssClasses\n      }, [createElement('canvas', {\n        attrs: {\n          id: this.chartId,\n          width: this.width,\n          height: this.height\n        },\n        ref: 'canvas'\n      })]);\n    },\n    props: {\n      chartId: {\n        default: chartId,\n        type: String\n      },\n      width: {\n        default: 400,\n        type: Number\n      },\n      height: {\n        default: 400,\n        type: Number\n      },\n      cssClasses: {\n        type: String,\n        default: ''\n      },\n      styles: {\n        type: Object\n      },\n      plugins: {\n        type: Array,\n        default: function _default() {\n          return [];\n        }\n      }\n    },\n    data: function data() {\n      return {\n        _chart: null,\n        _plugins: this.plugins\n      };\n    },\n    methods: {\n      addPlugin: function addPlugin(plugin) {\n        this.$data._plugins.push(plugin);\n      },\n      generateLegend: function generateLegend() {\n        if (this.$data._chart) {\n          return this.$data._chart.generateLegend();\n        }\n      },\n      renderChart: function renderChart(data, options) {\n        if (this.$data._chart) this.$data._chart.destroy();\n        this.$data._chart = new Chart(this.$refs.canvas.getContext('2d'), {\n          type: chartType,\n          data: data,\n          options: options,\n          plugins: this.$data._plugins\n        });\n      }\n    },\n    beforeDestroy: function beforeDestroy() {\n      if (this.$data._chart) {\n        this.$data._chart.destroy();\n      }\n    }\n  };\n}\nexport var Bar = generateChart('bar-chart', 'bar');\nexport var HorizontalBar = generateChart('horizontalbar-chart', 'horizontalBar');\nexport var Doughnut = generateChart('doughnut-chart', 'doughnut');\nexport var Line = generateChart('line-chart', 'line');\nexport var Pie = generateChart('pie-chart', 'pie');\nexport var PolarArea = generateChart('polar-chart', 'polarArea');\nexport var Radar = generateChart('radar-chart', 'radar');\nexport var Bubble = generateChart('bubble-chart', 'bubble');\nexport var Scatter = generateChart('scatter-chart', 'scatter');\nexport default {\n  Bar: Bar,\n  HorizontalBar: HorizontalBar,\n  Doughnut: Doughnut,\n  Line: Line,\n  Pie: Pie,\n  PolarArea: PolarArea,\n  Radar: Radar,\n  Bubble: Bubble,\n  Scatter: Scatter\n};","var render, staticRenderFns\nimport script from \"./BarComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./BarComponent.vue?vue&type=script&lang=js&\"\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","<script>\nimport APP_CONST from '@/constants/AppConst';\nimport { Bar } from 'vue-chartjs';\n\nexport default {\n  extends: Bar,\n  name: 'BarChart',\n  props: ['data', 'isMobileWidth', 'hideBarAnnotation', 'barEmtyStateMessage', 'xAxisLabel', 'yAxisLabel', 'isDisplayXLabel', 'barChartBackground', 'barChartHoverBackground', 'maxYCoordinate', 'removeQualityGraph'],\n  watch: {\n    data(newData) {\n      this.renderChartData();\n    }\n  },\n  mounted() {\n    this.renderChartData();\n  },\n  computed: {\n    chartData() {\n\n      const chartData = {\n        labels: [],\n        tooltip: [],\n        isMobileWidth: this.isMobileWidth,\n        hideBarAnnotation: this.hideBarAnnotation,\n        datasets: [\n          {\n            label: 'attendance',\n            data: [],\n            backgroundColor: [],\n            hoverBackgroundColor: this.barChartHoverBackground,\n            barPercentage: 1,\n            categoryPercentage: 1,\n            barThickness: 50\n          }\n        ],\n\n      };\n      const gridLineColor = [];\n      gridLineColor.push('black');\n      if (this.data) {\n        for (let i = 0; i < this.data.length; i++) {\n          gridLineColor.push(APP_CONST.STYLE.COLOR.NEUTRAL_100);\n          chartData.labels.push(this.data[i].site);\n          chartData.tooltip.push(this.data[i].tooltip);\n          chartData.datasets[0].data.push(this.data[i].data);\n          chartData.datasets[0].backgroundColor[i] = this.barChartBackground;\n        }\n      }\n      return chartData;\n    },\n    options() {\n      const rectangleSet = false;\n      const options = {\n        layout: {\n          padding: {\n            top: 20,\n            bottom: 10\n          }\n        },\n        tooltips: {\n          enabled: true,\n          mode: 'single',\n          displayColors: false,\n          callbacks: {\n            label: function (tooltipItems, data) {\n              const index = data.labels.findIndex((item) => item == tooltipItems.label);\n              return `${data.tooltip[index]}`;\n            },\n            title: function (tooltipItem, data) {\n              return;\n            }\n          },\n        },\n        hoverBackgroundColor: false,\n        responsive: true,\n        maintainAspectRatio: false,\n        legend: {\n          display: false,\n          position: 'bottom',\n          align: 'center'\n        },\n        animation: {\n          onComplete: function () {\n            const scale = window.devicePixelRatio;\n            const sourceCanvas = this.chart.chart.canvas;\n            const copyWidth = this.chart.scales['y-axis-0'].width - 8;\n            const copyHeight = this.chart.scales['y-axis-0'].height + this.chart.scales['y-axis-0'].top + 5;\n            const targetCtx = document.getElementById('BarYAxis').getContext('2d');\n            targetCtx.scale(scale, scale);\n            targetCtx.canvas.width = copyWidth * scale;\n            targetCtx.canvas.height = copyHeight * scale;\n            targetCtx.canvas.style.width = `${copyWidth + 2}px`;\n            targetCtx.canvas.style.height = `${copyHeight}px`;\n            targetCtx.drawImage(sourceCanvas, 0, 0, copyWidth * scale, copyHeight * scale, 0, 0, copyWidth * scale, copyHeight * scale);\n            const sourceCtx = sourceCanvas.getContext('2d');\n            sourceCtx.clearRect(0, 0, copyWidth, copyHeight);\n          }\n        },\n        hover: {\n          animationDuration: 0\n        },\n        annotation: {\n          drawTime: 'afterDatasetsDraw',\n          events: ['click'],\n          annotations: [\n            {\n              id: 'hline',\n              type: 'line',\n              mode: 'horizontal',\n              scaleID: 'y-axis-0',\n              value: this.removeQualityGraph\n                ? 0\n                : 80,\n              borderColor: this.yAxisLabel == '% Enrolled'\n                ? 'transparent'\n                : APP_CONST.STYLE.COLOR.NEUTRAL_500,\n              borderWidth: 0,\n              borderDash: [7, 7],\n              borderDashOffset: 5,\n              label: {\n                fontFamily: APP_CONST.STYLE.FONT_FAMILY.ARLY_FONT,\n                fontSize: 10,\n                fontStyle: 500,\n                fontColor: APP_CONST.STYLE.COLOR.NEUTRAL_500,\n                xPadding: this.isMobileWidth\n                  ? 3\n                  : 0,\n                yPadding: 0,\n                cornerRadius: 0,\n                position: 'right',\n                xAdjust: 3.2,\n                yAdjust: 14,\n                enabled: true,\n                backgroundColor: APP_CONST.STYLE.COLOR.NEUTRAL_100,\n                content: this.yAxisLabel == '% Enrolled'\n                  ? ''\n                  : ''\n              },\n            },\n            {\n              id: 'hline2',\n              type: 'line',\n              mode: 'horizontal',\n              scaleID: 'y-axis-0',\n              value: 55,\n              borderColor: 'transparent',\n              borderWidth: 0,\n              label: {\n                fontFamily: APP_CONST.STYLE.FONT_FAMILY.ARLY_FONT,\n                fontSize: 16,\n                fontStyle: 'bold',\n                fontColor: APP_CONST.STYLE.COLOR.NEUTRAL_900,\n                xPadding: this.isMobileWidth\n                  ? 3\n                  : 0,\n                xAdjust: this.isMobileWidth\n                  ? document.documentElement.clientWidth > 430 && document.documentElement.clientWidth < 500\n                    ? 85\n                    : 50\n                  : 500,\n                yAdjust: 3,\n                position: 'left',\n                enabled: true,\n                backgroundColor: 'transparent',\n                content: this.barEmtyStateMessage\n                  ? this.barEmtyStateMessage\n                  : ''\n              },\n            }\n          ]\n        },\n        scales: {\n          xAxes: [\n            {\n              maxBarLength: 2,\n              gridLines: {\n                zeroLineWidth: 1,\n                zeroLineColor: 'black',\n                drawTicks: false\n              },\n              ticks: {\n                fontFamily: APP_CONST.STYLE.FONT_FAMILY.ARLY_FONT,\n                fontSize: 12,\n                fontColor: APP_CONST.STYLE.COLOR.NEUTRAL_900,\n                maxRotation: 45,\n                minRotation: 45,\n                padding: 12,\n                scaleBeginAtZero: false,\n                beginAtZero: true,\n              },\n              scaleLabel: {\n                display: true,\n                labelString: '',\n                fontSize: 16,\n                fontStyle: 'bold',\n                fontColor: 'black',\n                fontFamily: APP_CONST.STYLE.FONT_FAMILY.ARLY_FONT\n              }\n            }\n          ],\n          yAxes: [\n            {\n              display: true,\n              scaleLabel: {\n                display: true,\n                labelString: 'Percent (%)',\n                fontSize: 16,\n                fontStyle: 'bold',\n                fontColor: 'black',\n                fontFamily: APP_CONST.STYLE.FONT_FAMILY.ARLY_FONT\n              },\n              ticks: {\n                stepSize: this.maxYCoordinate\n                  ? (this.maxYCoordinate / 10)\n                  : 10,\n                min: 0,\n                beginAtZero: true,\n                steps: 10,\n                max: this.maxYCoordinate\n                  ? this.maxYCoordinate\n                  : 100,\n                fontFamily: APP_CONST.STYLE.FONT_FAMILY.ARLY_FONT,\n                fontSize: 14,\n                fontColor: 'black'\n              },\n              gridLines: {\n                display: true,\n                zeroLineWidth: 1,\n                zeroLineColor: 'black'\n              }\n            }\n          ]\n        }\n      };\n      if (this.hideBarAnnotation) {\n        options.annotation = null;\n      }\n      options.scales.yAxes[0].scaleLabel.labelString = this.yAxisLabel;\n      options.scales.xAxes[0].scaleLabel.labelString = this.xAxisLabel;\n      options.scales.xAxes[0].scaleLabel.display = this.isDisplayXLabel;\n      return options;\n    }\n  },\n  methods: {\n    renderChartData() {\n      this.renderChart(this.chartData, this.options);\n    }\n  }\n};\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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BarComponent.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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BarComponent.vue?vue&type=script&lang=js&\""],"sourceRoot":""}