{"version":3,"sources":["webpack:///./node_modules/vue-chartjs/es/mixins/index.js","webpack:///./node_modules/vue-chartjs/es/BaseCharts.js","webpack:///src/chartcomponents/linequalitycomponent/LineQualityComponent.vue","webpack:///./src/chartcomponents/linequalitycomponent/LineQualityComponent.vue","webpack:///./src/chartcomponents/linequalitycomponent/LineQualityComponent.vue?be2f"],"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","chartColors","color1","color2","weekdays","staticRenderFns","extends","name","mounted","labels","datasets","backgroundColor","borderColor","borderWidth","lineTension","fill","hideQualityAnnotation","printChartStatus","isMobileWidth","gridLineColor","chartData","x","y","date","fakeValue","tooltips","mode","enabled","callbacks","label","chart","custom","tooltipEl","document","APP_CONST","titleLines","innerHtml","currentWeeek","bodyLines","tableRoot","position","window","tooltipModel","legend","onHover","e","hover","animation","duration","onComplete","ctx","fontSize","fontStyle","fontFamily","dataset","scale_max","maxHeight","y_pos","Chart","draw","originalLineDraw","scales","xAxes","display","gridLines","zeroLineWidth","zeroLineColor","drawTicks","ticks","fontColor","padding","autoSkip","maxRotation","minRotation","callback","scaleLabel","labelString","yAxes","beginAtZero","steps","stepValue","stepSize","max","responsive","maintainAspectRatio","drawTime","events","annotations","scaleID","value","borderDash","borderDashOffset","xPadding","yPadding","cornerRadius","xAdjust","yAdjust","content","event","firstPoint","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,+GCrEpD,I,oDAPI0C,EAAc,CAClBC,mCACAC,uCAEA,WACA,KACA,KACA,cACA,+BACA,mDACAC,UAGe,ICpBX1C,EAAQ2C,EDoBG,GACfC,eACAC,iBACAjC,8EACAkC,mBAAA,eACA,GACAC,UACAC,cAEAC,yCACAC,qCACAC,cACAC,eACAhC,QACAiC,SAAA,+BACA,2CACA,wCACA,wCACA,QAGAC,iDACAC,iCACAC,kCAGA,KACAC,gBACA,mCACAC,iCACA,4BACAA,sDACAA,2DACAA,yBACAC,oBACAC,qBACAC,0BACAC,+BAGA,kDACAJ,+CAGAA,+CAGA,qBACAD,uCAEAA,uCAGA,UACAM,UACAC,cACAC,WACAC,WACAC,oBACA,MACAC,yCACA,6BAGAC,mBACA,iDASA,GAPA,IACAC,gCACAA,uBACAA,8BACAC,8BAGA,eAoBA,GAfAD,mDACA,SACAA,0BAEAA,gCAWA,QACA,kBAEA,gBACA,2FACAE,4HAEAC,sBACA,oBACAvE,oBACAA,yBACAA,gBACAA,cACAA,kCACAA,uBACAA,wBACA,mDACAwE,iBAGAD,uBACAE,IACA,4EACAzE,iFACAA,+DACAA,qDACAA,qFACA,6BACAwE,wBAGAE,yBACA,4EACA1E,+DACAA,qDACAA,qFACAA,oFACA,6BACAwE,2BAGAD,uBACAE,IACA,4EACAzE,+DACAA,iFACAA,qDACAA,qFACA,6BACAwE,uBAGAE,yBACA,4EACA1E,+DACAA,qDACAA,sBACAA,qFACAA,oFACA,6BACAwE,8BAGAA,YAEA,+BACAG,cAGA,iDAEAP,kBACAA,4BAEAZ,iBACA1C,YACA0C,4BAEAY,aACAQ,OACAC,mBACAC,SACA,GACA,KAEAV,aACAQ,wCAEAR,YACAQ,uCACAR,qCACAA,qCACAA,mCACAA,gBACAU,iCACAV,kCAlHAA,kBAWA,cACA,eAGA,cACA,0CAqGAW,QACAC,oBACAC,kCAGAC,OACAF,oBACA,gCACA,yCACAC,kCAGAE,WACAC,WACAC,sBACA,+BACA,qBACAC,2BACA,sDACA,sDACA,qCACAA,gCACAC,EACAC,EACAC,GAEAH,qBACAA,wBAEA,wCACA,gCACA,yBACA,MACAI,gDACAC,EACAD,iDACAE,UACAN,2CACA,aACA,gBAEAO,GADA,UACAA,SAIAP,kCAMA,iBAGA,GAFAA,QAEA,uCACAQ,uDACAC,gBACAC,wBAEA,iBACA,cAEA,GACA,4BACA,kCACA,CACA,oCAEA,GADA,iBACA,uBACA,oCACA,uCAEAV,SACAA,cACAA,cACAA,cACAA,eACAA,6CACAA,WACAA,kBAMAW,QACAC,OACA,CACAC,WACAC,WACAD,WACAE,gBACAC,sBACAC,cAEAC,OACAf,8CACAF,kCACAkB,kBACAC,WACAC,YACAC,cACAC,cAEAC,yBACA,mBACA,EAEA,IAIAC,YACAZ,WACAa,mBACAzB,kCACAC,iBACAiB,kBACAhB,iDAIAwB,OACA,CACAd,WACAC,WACAD,WACAE,gBACAC,uBAEAE,OACAU,eACAC,QACAC,YACAC,WACAC,MACA7B,8CACAF,kCACAkB,mBAEAM,YACAZ,WACAa,6BACAzB,YACAC,iBACAiB,kBACAhB,kDAKA8B,cACAC,wBAAA,0BACA,CACArB,aACA,8BACA,CACAsB,6BACAC,iBACAC,aACA,CACArH,WACAM,YACAkD,kBACA8D,mBACAC,QACA7E,2CACAC,cACA6E,iBACAC,mBACA9D,OACAwB,8CACAF,8BACAC,cACAiB,yCACAuB,WACAC,WACAC,eACAtD,iBACAuD,4BACAC,WACArE,WACAhB,+CACAsF,wBACA,QACA,6BAIA,4BACA,cACA,eACA,kBACA,8BACAC,EACA,QACApE,WAEA,OACA,EACAA,sCACAqE,UAEA,uCAEA,GAGA,6BACA3G,mBAEAA,oCACA,wBExa6W,I,YDOzW4G,EAAY,eACd,EACA1I,EACA2C,GACA,EACA,KACA,KACA,MAIa,aAAA+F,E","file":"js/chunk-3a18e71e.1df6a41a8c14f3c215b6.1725496708077.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};","\n<script>\nimport { Line } from \"vue-chartjs\";\nimport APP_UTILITIES from '@/utilities/commonFunctions';\nimport APP_CONST from \"@/constants/AppConst\";\n\n\nvar chartColors = {\n  color1: APP_CONST.STYLE.COLOR.BLUE_700,\n  color2: APP_CONST.STYLE.COLOR.NEUTRAL_100,\n};\nlet curr = new Date();\nlet currentWeeek = \"\";\nlet weekdays = [];\nfor (let i = 1; i <= 7; i++) {\n  let first = curr.getDate() - curr.getDay() + i;\n  let day = new Date(curr.setDate(first)).toISOString().slice(0, 10);\n  weekdays.push(day);\n}\n\nexport default {\n  extends: Line,\n  name: \"LineChart\",\n  props: [\"data\", \"endDate\", \"printChart\", \"isMobileWidth\", \"hideQualityAnnotation\"],\n  mounted() {\n    let chartData = {\n      labels: [],\n      datasets: [\n        {\n          backgroundColor: APP_CONST.COLOR.PRIMARY_700,\n          borderColor: APP_CONST.COLOR.PRIMARY_700,\n          borderWidth: 1,\n          lineTension: 0.4,\n          data: [],\n          fill: false,\n          lineTension: 0,\n          pointBackgroundColor: [\"\", \"\"],\n          pointRadius: [],\n          pointHoverRadius: []\n        },\n      ],\n      hideQualityAnnotation: this.hideQualityAnnotation,\n      printChartStatus: this.printChart,\n      isMobileWidth: this.isMobileWidth,\n    };\n\n    let gridLineColor = [];\n    gridLineColor.push(\"black\");\n    for (let i = 0; i < this.data.length; i++) {\n      chartData.labels.push(this.data[i].week);\n      if (this.data[i].score != \"N/A\") {\n        chartData.datasets[0].pointRadius.push(this.data[i].fake ? 0 : 4);\n        chartData.datasets[0].pointHoverRadius.push(this.data[i].fake ? 0 : 5);\n        chartData.datasets[0].data.push({\n          x: this.data[i].week,\n          y: this.data[i].score,\n          date: this.data[i].endDate,\n          fakeValue: this.data[i].fake\n        });\n      }\n      if (weekdays.indexOf(this.endDate) > -1 && i == this.data.length - 2) {\n        chartData.datasets[0].pointBackgroundColor[i] = chartColors.color2;\n\n      } else {\n        chartData.datasets[0].pointBackgroundColor[i] = chartColors.color1;\n\n      }\n      if (i > this.data.length - 3) {\n        gridLineColor.push(APP_CONST.STYLE.COLOR.NEUTRAL_100);\n      } else {\n        gridLineColor.push(APP_CONST.STYLE.COLOR.NEUTRAL_600);\n      }\n    }\n    let options = {\n      tooltips: {\n        mode: \"single\",\n        enabled: false,\n        callbacks: {\n          label: (tooltipItem, chart) => {\n            const realValue =\n              chart.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];\n            return [realValue.y + \"</br>\", realValue.date];\n          },\n        },\n        custom: function (tooltipModel) {\n          var tooltipEl = document.getElementById(\"chartjs-tooltip\");\n\n          if (!tooltipEl) {\n            tooltipEl = document.createElement(\"div\");\n            tooltipEl.id = \"chartjs-tooltip\";\n            tooltipEl.innerHTML = \"<table></table>\";\n            document.body.appendChild(tooltipEl);\n          }\n\n          if (tooltipModel.opacity === 0) {\n            tooltipEl.style.opacity = 0;\n            return;\n          }\n\n          tooltipEl.classList.remove(\"above\", \"below\", \"no-transform\");\n          if (tooltipModel.yAlign) {\n            tooltipEl.classList.add(tooltipModel.yAlign);\n          } else {\n            tooltipEl.classList.add(\"no-transform\");\n          }\n\n          function getBody(bodyItem) {\n            return bodyItem.lines;\n          }\n\n          function formattedDate(date) {\n            return date ? APP_UTILITIES.formatDate(date, true, true) : '';\n          }\n\n          if (tooltipModel.body) {\n            var titleLines = tooltipModel.title || [];\n\n            var bodyLines = tooltipModel.body.map(getBody);\n            var innerHtml =\n              `<div style=\"width:170px;height: 61px;margin: -90px 51px 25px -55px;box-shadow: ${APP_CONST.STYLE.BOX_SHADOW.ELEVATION_100};background-color:${APP_CONST.STYLE.COLOR.NEUTRAL_100};padding: 10px 13px;\">`;\n\n            titleLines.forEach(function () {\n              var style = \"width: 50px\";\n              style += \"; height: 25px\";\n              style += \";position: absolute\";\n              style += \";top: 100%\";\n              style += \";left: 0\";\n              style += \";transform: translateX(-50%)\";\n              style += \";overflow: hidden\";\n              style += \";margin-top: -36px\";\n              var span = '<div class=\"tooltip__arrow\" style=\"' + style + '\">';\n              innerHtml += span + \"</div>\";\n            });\n\n            titleLines.forEach(function (title) {\n              currentWeeek = title;\n              var style = `font-size: ${APP_CONST.STYLE.FONT_SIZE.PARAGRAPH_300_HEAVY_SIZE}`;\n              style += `; font-weight: ${APP_CONST.STYLE.FONT_WEIGHT.PARAGRAPH_300_HEAVY_WEIGHT}`;\n              style += `;font-family: ${APP_CONST.STYLE.FONT_FAMILY.ARLY_FONT}`;\n              style += `;color: ${APP_CONST.STYLE.COLOR.NEUTRAL_900}`;\n              style += `;line-height: ${APP_CONST.STYLE.LINE_HEIGHT.PARAGRAPH_300_HEAVY_LINE_HEIGHT}`;\n              var span = '<span style=\"' + style + '\">';\n              innerHtml += span + \"Score\" + \":</span>\";\n            });\n\n            bodyLines.forEach(function (body, i) {\n              var style = `font-size: ${APP_CONST.STYLE.FONT_SIZE.PARAGRAPH_300_LIGHT_SIZE}`;\n              style += `;font-family: ${APP_CONST.STYLE.FONT_FAMILY.ARLY_FONT}`;\n              style += `;color: ${APP_CONST.STYLE.COLOR.NEUTRAL_900}`;\n              style += `;line-height: ${APP_CONST.STYLE.LINE_HEIGHT.PARAGRAPH_300_LIGHT_LINE_HEIGHT}`;\n              style += `;font-weight: ${APP_CONST.STYLE.FONT_WEIGHT.PARAGRAPH_300_LIGHT_WEIGHT};`;\n              var span = '<span style=\"' + style + '\">';\n              innerHtml += span + \" \" + body[0] + \"</span>\";\n            });\n\n            titleLines.forEach(function (title) {\n              currentWeeek = title;\n              var style = `font-size: ${APP_CONST.STYLE.FONT_SIZE.PARAGRAPH_300_HEAVY_SIZE}`;\n              style += `;font-family: ${APP_CONST.STYLE.FONT_FAMILY.ARLY_FONT}`;\n              style += `; font-weight: ${APP_CONST.STYLE.FONT_WEIGHT.PARAGRAPH_300_HEAVY_WEIGHT}`;\n              style += `;color: ${APP_CONST.STYLE.COLOR.NEUTRAL_900}`;\n              style += `;line-height: ${APP_CONST.STYLE.LINE_HEIGHT.PARAGRAPH_300_HEAVY_LINE_HEIGHT}`;\n              var span = '<span style=\"' + style + '\">';\n              innerHtml += span + \"Date\" + \":</span>\";\n            });\n\n            bodyLines.forEach(function (body, i) {\n              var style = `font-size: ${APP_CONST.STYLE.FONT_SIZE.PARAGRAPH_300_LIGHT_SIZE}`;\n              style += `;font-family: ${APP_CONST.STYLE.FONT_FAMILY.ARLY_FONT}`;\n              style += `;color: ${APP_CONST.STYLE.COLOR.NEUTRAL_900}`;\n              style += \";max-width: 50px\";\n              style += `;line-height: ${APP_CONST.STYLE.LINE_HEIGHT.PARAGRAPH_300_LIGHT_LINE_HEIGHT}`;\n              style += `;font-weight: ${APP_CONST.STYLE.FONT_WEIGHT.PARAGRAPH_300_LIGHT_WEIGHT};`;\n              var span = '<span style=\"' + style + '\">';\n              innerHtml += span + \" \" + formattedDate(body[1]) + \"</span>\";\n            });\n\n            innerHtml += \"</div>\";\n\n            var tableRoot = tooltipEl.querySelector(\"table\");\n            tableRoot.innerHTML = innerHtml;\n          }\n\n          var position = this._chart.canvas.getBoundingClientRect();\n\n          tooltipEl.style.opacity = 1;\n          tooltipEl.style.position = \"absolute\";\n          if (\n            chartData.isMobileWidth &&\n            Number(currentWeeek) ===\n            chartData.labels[chartData.labels.length - 2]\n          ) {\n            tooltipEl.style.left =\n              position.left +\n              window.pageXOffset +\n              tooltipModel.caretX -\n              60 +\n              \"px\";\n          } else {\n            tooltipEl.style.left =\n              position.left + window.pageXOffset + tooltipModel.caretX + \"px\";\n          }\n          tooltipEl.style.top =\n            position.top + window.pageYOffset + tooltipModel.caretY + \"px\";\n          tooltipEl.style.fontFamily = tooltipModel._bodyFontFamily;\n          tooltipEl.style.fontSize = tooltipModel.bodyFontSize + \"px\";\n          tooltipEl.style.fontStyle = tooltipModel._bodyFontStyle;\n          tooltipEl.style.padding =\n            tooltipModel.yPadding + \"px \" + tooltipModel.xPadding + \"px\";\n          tooltipEl.style.pointerEvents = \"none\";\n        },\n      },\n      legend: {\n        onHover: function (e) {\n          e.target.style.cursor = 'pointer';\n        }\n      },\n      hover: {\n        onHover: function (e) {\n          var point = this.getElementAtEvent(e);\n          if (point.length) e.target.style.cursor = 'pointer';\n          else e.target.style.cursor = 'default';\n        }\n      },\n      animation: {\n        duration: 1,\n        onComplete: function () {\n          if (this.data.printChartStatus) {\n            var ctx = this.chart.ctx;\n            ctx.fillStyle = \"rgb(0, 0, 0)\";\n            var fontSize = APP_CONST.STYLE.FONT_SIZE.PARAGRAPH_400_HEAVY_SIZE;\n            var fontStyle = APP_CONST.STYLE.FONT_WEIGHT.PARAGRAPH_400_HEAVY_WEIGHT;\n            var fontFamily = APP_CONST.STYLE.FONT_FAMILY.ARLY_FONT;\n            ctx.font = Chart.helpers.fontString(\n              fontSize,\n              fontStyle,\n              fontFamily\n            );\n            ctx.textAlign = \"center\";\n            ctx.textBaseline = \"bottom\";\n\n            this.data.datasets.forEach(function (dataset) {\n              for (var i = 0; i < dataset.data.length; i++) {\n                if (!dataset.data[i].fakeValue) {\n                  var model =\n                    dataset._meta[Object.keys(dataset._meta)[0]].data[i]._model,\n                    scale_max =\n                      dataset._meta[Object.keys(dataset._meta)[0]].data[i]._yScale\n                        .maxHeight;\n                  ctx.fillStyle = APP_CONST.STYLE.COLOR.NEUTRAL_700;\n                  var y_pos = model.y - 5;\n                  if ((scale_max - model.y) / scale_max >= 0.93)\n                    if (dataset.data[i] > 80) {\n                      y_pos = model.y + 25;\n                    } else {\n                      y_pos = model.y + 25;\n                    }\n                  ctx.fillText(dataset.data[i].y, model.x, y_pos);\n                }\n              }\n            });\n          }\n\n          var chartInstance = this.chart,\n            ctx = chartInstance.ctx;\n\n          var originalLineDraw = Chart.controllers.line.prototype.draw;\n          Chart.helpers.extend(Chart.controllers.line.prototype, {\n            draw: function () {\n              originalLineDraw.apply(this, arguments);\n\n              var chart = this.chart;\n              var ctx = chart.chart.ctx;\n\n              if (\n                this.chart.tooltip._active &&\n                this.chart.tooltip._active.length\n              ) {\n                var activePoint = this.chart.tooltip._active[0];\n                var ctx = this.chart.ctx;\n                var x = activePoint.tooltipPosition().x;\n                var topY = this.chart.scales[\"y-axis-0\"].top;\n                var bottomY = this.chart.scales[\"y-axis-0\"].bottom;\n\n                ctx.save();\n                ctx.beginPath();\n                ctx.moveTo(x, topY);\n                ctx.lineTo(x, bottomY);\n                ctx.lineWidth = 0.5;\n                ctx.strokeStyle = APP_CONST.STYLE.COLOR.NEUTRAL_900;\n                ctx.stroke();\n                ctx.restore();\n              }\n            },\n          });\n        },\n      },\n      scales: {\n        xAxes: [\n          {\n            display: true,\n            gridLines: {\n              display: true,\n              zeroLineWidth: 1,\n              zeroLineColor: \"black\",\n              drawTicks: false,\n            },\n            ticks: {\n              fontFamily: APP_CONST.STYLE.FONT_FAMILY.ARLY_FONT,\n              fontSize: this.isMobileWidth ? 12 : 14,\n              fontColor: \"black\",\n              padding: 10,\n              autoSkip: false,\n              maxRotation: 0,\n              minRotation: 0,\n\n              callback: function (tick, index, ticksArray) {\n                if (index % 7 != 0) {\n                  return undefined;\n                } else {\n                  return tick;\n                }\n              },\n            },\n            scaleLabel: {\n              display: true,\n              labelString: \"Week\",\n              fontSize: this.isMobileWidth ? 14 : 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            gridLines: {\n              display: false,\n              zeroLineWidth: 1,\n              zeroLineColor: \"black\",\n            },\n            ticks: {\n              beginAtZero: true,\n              steps: 5,\n              stepValue: 1,\n              stepSize: 1,\n              max: 4,\n              fontFamily: APP_CONST.STYLE.FONT_FAMILY.ARLY_FONT,\n              fontSize: this.isMobileWidth ? 12 : 14,\n              fontColor: \"black\",\n            },\n            scaleLabel: {\n              display: true,\n              labelString: \"Quality Scores\",\n              fontSize: 16,\n              fontStyle: \"bold\",\n              fontColor: \"black\",\n              fontFamily: APP_CONST.STYLE.FONT_FAMILY.ARLY_FONT,\n            },\n          },\n        ],\n      },\n      responsive: true,\n      maintainAspectRatio: false,\n      legend: {\n        display: false,\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: 3,\n            borderColor: 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: chartData.isMobileWidth ? 9 : 10,\n              fontStyle: 500,\n              fontColor: APP_CONST.STYLE.COLOR.NEUTRAL_500,\n              xPadding: 0,\n              yPadding: 0,\n              cornerRadius: 0,\n              position: \"right\",\n              xAdjust: chartData.isMobileWidth ? 0 : 3,\n              yAdjust: 14,\n              enabled: true,\n              backgroundColor: APP_CONST.STYLE.COLOR.NEUTRAL_100,\n              content: chartData.isMobileWidth\n                ? \"ME: 3\"\n                : \"Meets Expectations: 3\",\n            },\n          },\n        ],\n      },\n      onClick: (event, activeElements) => {\n        if (activeElements.length > 0) {\n          const chart = activeElements[0]._chart;\n          const activePoints = chart.getElementsAtEventForMode(\n            event,\n            \"point\",\n            chart.options\n          );\n          const firstPoint = activePoints[0];\n          const value =\n            chart.data.datasets[firstPoint._datasetIndex].data[\n            firstPoint._index\n            ];\n          this.$emit(\"assementQualityData\", value.x);\n        }\n      },\n    };\n\n    if (this.hideQualityAnnotation) {\n      options.annotation = null;\n    }\n    options.scales.xAxes[0].gridLines.color = gridLineColor;\n    this.renderChart(chartData, options);\n  },\n};\n</script>","var render, staticRenderFns\nimport script from \"./LineQualityComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./LineQualityComponent.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","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!./LineQualityComponent.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!./LineQualityComponent.vue?vue&type=script&lang=js&\""],"sourceRoot":""}