{"version":3,"sources":["webpack:///./src/chartcomponents/linecomponent/LineChart.vue","webpack:///src/chartcomponents/linecomponent/LineChart.vue","webpack:///./src/chartcomponents/linecomponent/LineChart.vue?c4b8","webpack:///./node_modules/vue-chartjs/es/mixins/index.js","webpack:///./node_modules/vue-chartjs/es/BaseCharts.js","webpack:///./src/commoncomponents/bouncingpreloadercomponent/BouncingPreloaderComponent.less?0b02","webpack:///./src/chartcomponents/barcomponent/BarComponent.vue","webpack:///src/chartcomponents/barcomponent/BarComponent.vue","webpack:///./src/chartcomponents/barcomponent/BarComponent.vue?7413","webpack:///./src/commoncomponents/bouncingpreloadercomponent/BouncingPreloaderComponent.vue?cf84","webpack:///./src/commoncomponents/bouncingpreloadercomponent/BouncingPreloaderComponent.ts","webpack:///./src/commoncomponents/bouncingpreloadercomponent/BouncingPreloaderComponent.vue?0f28","webpack:///./src/commoncomponents/bouncingpreloadercomponent/BouncingPreloaderComponent.vue?47c6","webpack:///./src/commoncomponents/bouncingpreloadercomponent/BouncingPreloaderComponent.vue","webpack:///./src/components/analyticsComponent/scholarAnalyticsComponent/scholarAttendanceAnalyticsComponent/completionAttendanceAnalyticsComponent/CompletionAttendanceAnalyticsComponent.less?1742","webpack:///./src/mixins/deviceWidthChecker.mixin.ts","webpack:///./src/ui-components/dropdownListBx/DropdownList.less?58ad","webpack:///./src/components/analyticsComponent/scholarAnalyticsComponent/scholarAttendanceAnalyticsComponent/completionAttendanceAnalyticsComponent/CompletionAttendanceAnalyticsComponent.vue?a7cd","webpack:///./src/components/analyticsComponent/scholarAnalyticsComponent/scholarAttendanceAnalyticsComponent/completionAttendanceAnalyticsComponent/CompletionAttendanceAnalyticsComponent.ts","webpack:///./src/components/analyticsComponent/scholarAnalyticsComponent/scholarAttendanceAnalyticsComponent/completionAttendanceAnalyticsComponent/CompletionAttendanceAnalyticsComponent.vue?838c","webpack:///./src/components/analyticsComponent/scholarAnalyticsComponent/scholarAttendanceAnalyticsComponent/completionAttendanceAnalyticsComponent/CompletionAttendanceAnalyticsComponent.vue?2f57","webpack:///./src/components/analyticsComponent/scholarAnalyticsComponent/scholarAttendanceAnalyticsComponent/completionAttendanceAnalyticsComponent/CompletionAttendanceAnalyticsComponent.vue","webpack:///./src/ui-components/dropdownListBx/DropdownList.vue?e467","webpack:///./src/ui-components/dropdownListBx/DropdownList.ts","webpack:///./src/ui-components/dropdownListBx/DropdownList.vue?d481","webpack:///./src/ui-components/dropdownListBx/DropdownList.vue?a56d","webpack:///./src/ui-components/dropdownListBx/DropdownList.vue"],"names":["render","staticRenderFns","extends","name","props","watch","data","mounted","computed","chartData","gridLineColor","labels","datasets","options","layout","padding","bottom","tooltips","enabled","position","mode","xPadding","yPadding","caretPadding","displayColors","callbacks","label","tooltipItems","title","animation","onComplete","targetCtx","sourceCtx","scales","xAxes","display","gridLines","zeroLineWidth","zeroLineColor","drawTicks","ticks","fontFamily","fontSize","fontColor","yAxes","stepSize","max","min","fontWeight","scaleLabel","labelString","fontStyle","responsive","spanGaps","maintainAspectRatio","legend","onClick","boxWidth","annotation","drawTime","annotations","id","type","scaleID","value","borderColor","borderWidth","borderDash","borderDashOffset","methods","renderChartData","component","generateChart","chartId","chartType","createElement","style","this","styles","class","cssClasses","attrs","width","height","ref","default","String","Number","Object","plugins","Array","_chart","_plugins","addPlugin","plugin","$data","push","generateLegend","renderChart","destroy","$refs","canvas","getContext","beforeDestroy","Bar","Doughnut","Line","tooltip","isMobileWidth","hideBarAnnotation","backgroundColor","hoverBackgroundColor","barPercentage","categoryPercentage","barThickness","top","align","hover","animationDuration","events","cornerRadius","xAdjust","yAdjust","content","maxBarLength","maxRotation","minRotation","scaleBeginAtZero","beginAtZero","steps","_vm","_h","$createElement","_c","_self","staticClass","key","STYLE","COLOR","PRIMARY_700","_v","_s","getScreenText","BouncingPreloaderComponent","screenText","ScreenText","APP_CONST","Vue","tslib_1","Prop","Component","DeviceWidthCheckerMixin","isMobile","APP_UTILITIES","isMobilePortrait","checkClientDeviceWidth","window","addEventListener","removeEventListener","_m","assign","singleSiteDropdown","dropdownList","sitesDropdown","disable","isCompletionLineChartVisible","isSiteDisabled","selectedSite","singleSelect","length","on","$event","selectSite","isDisabledDropdown","multiGroupsDropdown","groupsDropdown","selectGroup","multiSelectDropdownClosed","_l","tab","tabIndex","selectedTab","tabSwitch","attendenceData","isMobileView","yScaleLabel","selectedGroupIds","_e","color","getLabelName","groupId","emptyStateMessage","complProgramPercentage","barEmtyStateMessage","barChartData","xAxisLabelString","yAxisLabelString","isDisplayXLabel","barChartBackground","barChartHoverBackground","CompletionAttendanceAnalyticsComponent","ATTENDANCE_SITES_CONFIG","ATTENDANCE_GROUPS_CONFIG","masterTabsValue","SCHOLAR_ATTENDANCE_DAYS_SWITCH_TAB","BLUE_700","isChartMount","isStaffNoGroupSelected","highestRole","JSON","parse","stringify","getCookie","onlyOneSiteAvailable","isBarChartLoaderVisible","barChartResponse","programData","analyticsStore","completionBarChartLoaderVisible","completionLineChartVisible","hasOwnProperty","programId","mutateGroupsList","getProgramSites","getPersistenceScholarTab","then","fetchCompletionSiteGroupsAnalyticsData","siteId","getProgramAttendenceCompletionBarSites","eventData","mutateSelectedGroupIds","setTimeout","mutateSelectedSite","selectedProgramData","fetchCompletionSitesAnalyticsData","response","completionCsvEnableDisableItems","mutateAttendanceSiteSession","site","groups","ONE","undefined","selectedValue","selectedProgram","getProgramAttendenceCompletionSites","setFilteredColumns","mutateAnalyticsSiteSessionTabSwitch","labelName","forEach","group","resetSelectedProgramPerc","mutateAnalyticsAttendanceTabSwitch","getFilteredColumns","storedTab","program","mutateSelectedProgramName","mutateSelectedGroups","programNameSelection","currentRole","ROLE_TYPE_SESSION_ADMIN","ROLE_TYPE_STAFF","includes","BLANK","AWAITING_ATTENDANCE_INPUT","NO_SITE_SESSION_DATA","getComplProgramPercentage","selectedAttendanceAnalyticsTabValue","selectedSiteSessionAnalyticsTabValue","slectedProgram","siteGroupsList","selectedprogramSites","selectedSites","ZERO","attendenceCompletionDetails","allApplicationLength","selectedSiteData","NO_SITE_SESSION","isChartDataAvailable","keys","every","element","selectedGroupIdsList","document","documentElement","clientWidth","barCompletionAnalyticalData","Mixins","Watch","deep","components","MultiSelectDropdown","LineChart","BarChart","DropdownList","classes","openDropdown","dropdown","toLowerCase","split","join","error","publicUniqueId","autoSelectionAllowed","toggleDropdown","indexOf","_k","keyCode","checkKey","directives","rawName","expression","target","currentTarget","onDropdownOpen","select","firstSelectLabel","stopPropagation","changeFocusOnHover","modifiers","placeholder","domProps","composing","search","trim","evt","active","$forceUpdate","clearSearch","filterList","obj","index","showSelectLabel","isDropdownElementIdValid","errorText","hovering","hoverText","styleObject","dropdownElement","searchElementId","activeLetter","selectedIndex","selectableLableHover","Math","floor","random","e","close","FALSE","TRUE","MINUS_ONE","children","getElementsByClassName","inputElement","getElementById","focus","activeEle","getElementsByName","scrollIntoView","block","behavior","classList","add","findIndex","el","toFind","remove","inline","dropdownMenuItems","selected","preventDefault","selectFirstElement","old","newVal","dropDownValues","attribute","searchElement","activeElement","code","refocusDD","shiftKey","goToSearch","input","fromCharCode","test","loopStart","i","val","innerText","charAt","inp","currentElm","querySelector","drop","classlist","selection","$emit","list","dropList","filter","btnElment","filters"],"mappings":"mLAAIA,EAAQC,E,wBCKG,GACfC,eACAC,iBACAC,2KACAC,OACAC,iBACA,yBAGAC,mBACA,wBAEAC,UACAC,qBACA,SACAC,uCACA,OACAC,UACAC,aAIA,GADAH,yDACA,8BACA,4CACAA,uCAIA,UAEAI,mBAAA,WAGA,GAFA,mBACA,oBACA,CACAC,QACAC,SACAC,YAGAC,UACAC,WACAC,mBACAC,cACAC,YACAC,YACAC,gBACAC,iBACAC,WACAC,oBAIA,OAHA,WACAC,+BAEA,8NAEAC,wBAKAC,WACAC,sBACA,8BACA,0BACA,wCACA,2EACA,0DACAC,aACAA,mBACAA,oBACAA,uCACAA,wCACAA,uCACA,yBACAC,uBAGAC,QACAC,OACA,CACAC,WACAC,WACAD,WACAE,gBACAC,6CACAC,cAEAC,OACAC,8CACAC,YACAC,yCACA5B,WACAoB,cAIAS,OACA,CACAT,WACAC,WACAD,WACAE,gBACAC,8CAEAE,OACAK,6EACAC,sEACAC,MACAN,8CACAC,YACAC,yCACAK,qBAEAC,YACAd,WACAe,6BACAR,YACAS,iBACAR,yCACAF,kDAKAW,cACAC,YACAC,uBACAC,QACApB,WACAqB,aACArC,kBACAR,QACA8C,WACAd,wBACA5B,cAGA2C,YACAC,8BACAC,cACAC,WACAC,YACA1C,kBACA2C,mBACAC,+BACAC,2CACAC,cACAC,iBACAC,wBAOA,OAHA,sBACAvD,mBAEA,IAGAwD,SACAC,2BACA,iDCpKkW,I,YFO9VC,EAAY,eACd,EACAvE,EACAC,GACA,EACA,KACA,KACA,MAIa,aAAAsE,E,mJGkDR,I,qBCnEA,SAASC,EAAcC,EAASC,GACrC,MAAO,CACL1E,OAAQ,SAAgB2E,GACtB,OAAOA,EAAc,MAAO,CAC1BC,MAAOC,KAAKC,OACZC,MAAOF,KAAKG,YACX,CAACL,EAAc,SAAU,CAC1BM,MAAO,CACLpB,GAAIgB,KAAKJ,QACTS,MAAOL,KAAKK,MACZC,OAAQN,KAAKM,QAEfC,IAAK,cAGThF,MAAO,CACLqE,QAAS,CACPY,QAASZ,EACTX,KAAMwB,QAERJ,MAAO,CACLG,QAAS,IACTvB,KAAMyB,QAERJ,OAAQ,CACNE,QAAS,IACTvB,KAAMyB,QAERP,WAAY,CACVlB,KAAMwB,OACND,QAAS,IAEXP,OAAQ,CACNhB,KAAM0B,QAERC,QAAS,CACP3B,KAAM4B,MACNL,QAAS,WACP,MAAO,MAIb/E,KAAM,WACJ,MAAO,CACLqF,OAAQ,KACRC,SAAUf,KAAKY,UAGnBpB,QAAS,CACPwB,UAAW,SAAmBC,GAC5BjB,KAAKkB,MAAMH,SAASI,KAAKF,IAE3BG,eAAgB,WACd,GAAIpB,KAAKkB,MAAMJ,OACb,OAAOd,KAAKkB,MAAMJ,OAAOM,kBAG7BC,YAAa,SAAqB5F,EAAMO,GAClCgE,KAAKkB,MAAMJ,QAAQd,KAAKkB,MAAMJ,OAAOQ,UACzCtB,KAAKkB,MAAMJ,OAAS,IAAI,IAAMd,KAAKuB,MAAMC,OAAOC,WAAW,MAAO,CAChExC,KAAMY,EACNpE,KAAMA,EACNO,QAASA,EACT4E,QAASZ,KAAKkB,MAAMH,aAI1BW,cAAe,WACT1B,KAAKkB,MAAMJ,QACbd,KAAKkB,MAAMJ,OAAOQ,YAKnB,IAAIK,EAAMhC,EAAc,YAAa,OAEjCiC,GADgBjC,EAAc,sBAAuB,iBAC1CA,EAAc,iBAAkB,aAC3CkC,EAAOlC,EAAc,aAAc,QAC7BA,EAAc,YAAa,OACrBA,EAAc,cAAe,aACjCA,EAAc,cAAe,SAC5BA,EAAc,eAAgB,UAC7BA,EAAc,gBAAiB,Y,oCCnFpD,W,yDCAIxE,EAAQC,E,wBCIG,GACfC,eACAC,gBACAC,0MACAC,OACAC,iBACA,yBAGAC,mBACA,wBAEAC,UACAC,qBAEA,OACAE,UACAgG,WACAC,iCACAC,yCACAjG,UACA,CACAc,mBACApB,QACAwG,mBACAC,kDACAC,gBACAC,qBACAC,mBAKA,KAEA,GADAxG,gBACA,UACA,mCACAA,uCACAD,iCACAA,qCACAA,2CACAA,yDAGA,UAEAI,mBACA,IACA,GACAC,QACAC,SACAoG,OACAnG,YAGAC,UACAC,WACAE,cACAI,iBACAC,WACAC,oBACA,2DACA,+BAEAE,wBAKAmF,wBACA3D,cACAE,uBACAC,QACApB,WACAhB,kBACAiG,gBAEAvF,WACAC,sBACA,8BACA,0BACA,wCACA,2EACA,uDACAC,aACAA,mBACAA,oBACAA,yCACAA,wCACAA,uCACA,yBACAC,uBAGAqF,OACAC,qBAEA5D,YACAC,6BACA4D,iBACA3D,aACA,CACAC,WACAC,YACA1C,kBACA2C,mBACAC,mCACAC,uFACAC,cACAC,iBACAC,mBACA1C,OACAe,8CACAC,YACAS,cACAR,yCACAtB,gCACAC,WACAkG,eACArG,iBACAsG,YACAC,WACAxG,WACA4F,+CACAa,+BAGA,CACA9D,YACAC,YACA1C,kBACA2C,mBACAC,SACAC,0BACAC,cACAxC,OACAe,8CACAC,YACAS,iBACAR,yCACAtB,gCACAoG,wHACAC,UACAvG,gBACAD,WACA4F,8BACAa,iEAKA1F,QACAC,OACA,CACA0F,eACAxF,WACAC,gBACAC,sBACAC,cAEAC,OACAC,8CACAC,YACAC,yCACAkF,eACAC,eACA/G,WACAgH,oBACAC,gBAEA/E,YACAd,WACAe,eACAR,YACAS,iBACAR,kBACAF,iDAIAG,OACA,CACAT,WACAc,YACAd,WACAe,0BACAR,YACAS,iBACAR,kBACAF,+CAEAD,OACAK,uDACAE,MACAiF,eACAC,SACAnF,gDACAL,8CACAC,YACAC,mBAEAP,WACAD,WACAE,gBACAC,2BAYA,OANA,yBACAzB,mBAEAA,yDACAA,yDACAA,0DACA,IAGAwD,SACAC,2BACA,iDCjOqW,I,YFOjWC,EAAY,eACd,EACAvE,EACAC,GACA,EACA,KACA,KACA,MAIa,aAAAsE,E,2EGlBf,IAAIvE,EAAS,WAAa,IAAIkI,EAAIrD,KAASsD,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACG,IAAI,kBAAkB5D,MAAM,CAAG,MAASsD,EAAIO,MAAMC,MAAMC,aAAe1D,MAAM,CAAC,aAAa,mBAAmBoD,EAAG,OAAO,CAACH,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,cAAc,qCAC5S7I,EAAkB,G,4GCIT8I,E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","file":"js/chunk-1021add1.11412da53c2a7266f81c.1730771797376.min.js","sourcesContent":["var render, staticRenderFns\nimport script from \"./LineChart.vue?vue&type=script&lang=js&\"\nexport * from \"./LineChart.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","\n<script>\nimport APP_CONST from \"@/constants/AppConst\";\nimport { Line } from \"vue-chartjs\";\n\nexport default {\n  extends: Line,\n  name: \"LineChart\",\n  props: [\"data\", \"maxYCoordinate\", \"isMobileWidth\", \"yScaleLabel\", \"isTooltipInPercent\", \"hideAnnotation\", \"isLabelOffSet\", \"isCount\", \"isQualityGraph\", \"showLabelsWithInclination\"],\n  watch: {\n    data(newData) {\n      this.renderChartData()\n    }\n  },\n  mounted() {\n    this.renderChartData()\n  },\n  computed: {\n    chartData() {\n      let gridLineColor = [];\n      gridLineColor.push(APP_CONST.STYLE.COLOR.NEUTRAL_500);\n      let chartData = {\n        labels: [],\n        datasets: [\n        ],\n      };\n      chartData.labels = this.data && this.data.labels ? this.data.labels : [];\n      if (this.data && this.data.datasets) {\n        for (let i = 0; i < this.data.datasets.length; i++) {\n          chartData.datasets.push(this.data.datasets[i]);\n\n        }\n      }\n      return chartData\n    },\n    options() {\n      let mobileWidth = this.isMobileWidth\n      let isQualityChart = this.isQualityGraph;\n      let options = {\n        layout: {\n          padding: {\n            bottom: 20,\n          }\n        },\n        tooltips: {\n          enabled: true,\n          position: 'average',\n          mode: 'single',\n          xPadding: 10,\n          yPadding: 10,\n          caretPadding: 10,\n          displayColors: false,\n          callbacks: {\n            label: ((tooltipItems, data) => {\n              if (tooltipItems.yLabel) {\n                tooltipItems.yLabel = Math.round(tooltipItems.yLabel)\n              }\n              return !this.isTooltipInPercent ? this.isCount ? data.datasets[tooltipItems.datasetIndex].data[tooltipItems.index].activeScholar + '/' + data.datasets[tooltipItems.datasetIndex].data[tooltipItems.index].participatingScholar : this.isQualityGraph ? Number(tooltipItems.value).toFixed(1) : tooltipItems.yLabel + '' : tooltipItems.yLabel + '%';\n            }),\n            title: function (tooltipItem, data) {\n              return;\n            }\n          }\n        },\n        animation: {\n          onComplete: function () {\n            var scale = window.devicePixelRatio;\n            var sourceCanvas = this.chart.chart.canvas;\n            var copyWidth = this.chart.scales['y-axis-0'].width - 8;\n            var copyHeight = this.chart.scales['y-axis-0'].height + this.chart.scales['y-axis-0'].top + 5;\n            var targetCtx = document.getElementById(\"myChartAxis\").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}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            var sourceCtx = sourceCanvas.getContext('2d');\n            sourceCtx.clearRect(0, 0, copyWidth, copyHeight);\n          },\n        },\n        scales: {\n          xAxes: [\n            {\n              display: true,\n              gridLines: {\n                display: true,\n                zeroLineWidth: 1,\n                zeroLineColor: APP_CONST.STYLE.COLOR.NEUTRAL_900,\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                padding: 10,\n                display: true,\n              },\n            },\n          ],\n          yAxes: [\n            {\n              display: true,\n              gridLines: {\n                display: true,\n                zeroLineWidth: 1,\n                zeroLineColor: APP_CONST.STYLE.COLOR.NEUTRAL_900,\n              },\n              ticks: {\n                stepSize: !this.isQualityGraph ? this.maxYCoordinate ? (this.maxYCoordinate / 10) : 10 : 1,\n                max: !this.isQualityGraph ? this.maxYCoordinate ? this.maxYCoordinate : 100 : 4,\n                min: 0,\n                fontFamily: APP_CONST.STYLE.FONT_FAMILY.ARLY_FONT,\n                fontSize: 12,\n                fontColor: APP_CONST.STYLE.COLOR.NEUTRAL_700,\n                fontWeight: \"normal\",\n              },\n              scaleLabel: {\n                display: true,\n                labelString: this.yScaleLabel,\n                fontSize: 16,\n                fontStyle: \"bold\",\n                fontColor: APP_CONST.STYLE.COLOR.NEUTRAL_900,\n                fontFamily: APP_CONST.STYLE.FONT_FAMILY.ARLY_FONT,\n              },\n            },\n          ],\n        },\n        responsive: true,\n        spanGaps: true,\n        maintainAspectRatio: false,\n        legend: {\n          display: true,\n          onClick: null,\n          position: 'bottom',\n          labels: {\n            boxWidth: 0,\n            fontColor: \"transparent\",\n            padding: \"0\"\n          }\n        },\n        annotation: {\n          drawTime: 'beforeDatasetsDraw',\n          annotations: [{\n            id: 'hline',\n            type: 'line',\n            mode: 'horizontal',\n            scaleID: 'y-axis-0',\n            value: this.isQualityGraph ? 3 : 80,\n            borderColor: APP_CONST.STYLE.COLOR.NEUTRAL_500,\n            borderWidth: 0,\n            borderDash: [7, 7],\n            borderDashOffset: 5,\n          }]\n        }\n      };\n      if (this.hideAnnotation) {\n        options.annotation = null;\n      }\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!./LineChart.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!./LineChart.vue?vue&type=script&lang=js&\"","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};","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!./BouncingPreloaderComponent.less?vue&type=style&index=0&id=4eff2a66&lang=less&scoped=true&\"","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      let 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      let 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      var rectangleSet = false;\n      let 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              let 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            var scale = window.devicePixelRatio;\n            var sourceCanvas = this.chart.chart.canvas;\n            var copyWidth = this.chart.scales['y-axis-0'].width - 8;\n            var copyHeight = this.chart.scales['y-axis-0'].height + this.chart.scales['y-axis-0'].top + 5;\n            var 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            var 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 ? 0 : 80,\n              borderColor: this.yAxisLabel == '% Enrolled' ? 'transparent' : 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 ? 3 : 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              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 ? 3 : 0,\n                xAdjust: this.isMobileWidth ? document.documentElement.clientWidth > 430 && document.documentElement.clientWidth < 500 ? 85 : 50 : 500,\n                yAdjust: 3,\n                position: \"left\",\n                enabled: true,\n                backgroundColor: \"transparent\",\n                content: this.barEmtyStateMessage ? this.barEmtyStateMessage : ''\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 ? (this.maxYCoordinate / 10) : 10,\n                min: 0,\n                beginAtZero: true,\n                steps: 10,\n                max: this.maxYCoordinate ? this.maxYCoordinate : 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&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bouncing-preloader\"},[_c('div',{key:\"spinner_loading\",style:({ 'color': _vm.STYLE.COLOR.PRIMARY_700 }),attrs:{\"uk-spinner\":\"ratio: 3.2667\"}}),_c('span',[_vm._v(_vm._s(_vm.getScreenText(\"BOUNCING_PRELOADER_LOADING\")))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { Vue, Component, Prop } from 'vue-property-decorator';\nimport { ScreenText } from '@/lang/ScreenText';\nimport APP_CONST from '@/constants/AppConst';\n\n@Component\nexport class BouncingPreloaderComponent extends Vue {\n  @Prop() viewClass!: string;\n\n  private screenText: ScreenText = new ScreenText();\n\n  readonly STYLE = APP_CONST.STYLE;\n\n  public getScreenText(key: string): string {\n    return this.screenText.getScreenText(key);\n  }\n}","\n\n\n\n\n\n\n\n\n\n\n\nimport { BouncingPreloaderComponent } from '@/commoncomponents/bouncingpreloadercomponent/BouncingPreloaderComponent';\nexport default BouncingPreloaderComponent;\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/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BouncingPreloaderComponent.vue?vue&type=script&lang=ts&\"; 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/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BouncingPreloaderComponent.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./BouncingPreloaderComponent.vue?vue&type=template&id=4eff2a66&scoped=true&\"\nimport script from \"./BouncingPreloaderComponent.vue?vue&type=script&lang=ts&\"\nexport * from \"./BouncingPreloaderComponent.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./BouncingPreloaderComponent.less?vue&type=style&index=0&id=4eff2a66&lang=less&scoped=true&\"\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  \"4eff2a66\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!./CompletionAttendanceAnalyticsComponent.less?vue&type=style&index=0&id=0efedd16&lang=less&scoped=true&\"","import APP_UTILITIES from '@/utilities/commonFunctions';\nimport { Vue, Component} from 'vue-property-decorator';\n\n@Component\nexport default class DeviceWidthCheckerMixin extends Vue {\n    public isMobile: boolean = APP_UTILITIES.isMobile();\n    public isMobilePortrait: boolean = APP_UTILITIES.isMobilePortrait();\n\n    beforeMount(){\n        this.checkClientDeviceWidth();\n        window.addEventListener(\"resize\", this.checkClientDeviceWidth);\n    }\n    \n    checkClientDeviceWidth(){\n        this.isMobile = APP_UTILITIES.isMobile();\n        this.isMobilePortrait = APP_UTILITIES.isMobilePortrait();\n    }\n\n    destroyed(){\n\t\twindow.removeEventListener(\"resize\", this.checkClientDeviceWidth);\n    }\n}\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!./DropdownList.less?vue&type=style&index=0&id=7867c925&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"atten-container\"},[_c('div',{staticClass:\"line-chart-section\"},[_c('div',{staticClass:\"header-section\"},[_vm._m(0),_c('div',{staticClass:\"filter-section\"},[_c('div',{staticClass:\"sites-dropdown\"},[_c('dropdown-list',{attrs:{\"classes\":['filter-select-dropdown program-select-dropdown'],\"dropdown\":Object.assign({}, _vm.singleSiteDropdown, {dropdownList: _vm.sitesDropdown, disable: !_vm.isCompletionLineChartVisible || _vm.isSiteDisabled, id: _vm.selectedSite && _vm.selectedSite.id ? _vm.selectedSite.id : _vm.singleSiteDropdown && _vm.singleSiteDropdown.id, value: (_vm.selectedSite && _vm.selectedSite.value) ? _vm.selectedSite.value : ((_vm.singleSiteDropdown && _vm.singleSiteDropdown.value) ? _vm.singleSiteDropdown.value : ''), singleSelect: _vm.sitesDropdown && _vm.sitesDropdown.length == 1}),\"bx-attr\":\"siteSiteDropdown\"},on:{\"onSelectionChange\":function($event){return _vm.selectSite($event)}}})],1),_c('div',{staticClass:\"groups-dropdown\",class:[_vm.isDisabledDropdown && 'disabled']},[_c('multi-select-dropdown',{attrs:{\"tabindex\":\"-1\",\"dropdown\":Object.assign({}, _vm.multiGroupsDropdown, {dropdownList: _vm.groupsDropdown, disable: !_vm.isCompletionLineChartVisible || _vm.isDisabledDropdown}),\"bx-attr\":\"multiGroupDropdown\"},on:{\"selectionRecords\":function($event){return _vm.selectGroup($event)},\"multiSelectDropdownClosed\":function($event){return _vm.multiSelectDropdownClosed()}}})],1),_c('div',{staticClass:\"toggle-tab-container\"},[_c('div',{staticClass:\"master-tab\"},_vm._l((_vm.masterTabsValue),function(tab,tabIndex){return _c('div',{key:tabIndex,class:[_vm.selectedTab == tab.name ? 'tab-button-selected' : 'list-default-selection', tab.name],attrs:{\"bx-attr\":tab.name},on:{\"click\":function($event){return _vm.tabSwitch(tab)}}},[_vm._v(\" \"+_vm._s(tab.name)+\" \")])}),0)])])]),(!_vm.isCompletionLineChartVisible)?_c('div',{staticClass:\"loader-style\"},[_c('bouncing-preloader')],1):_c('div',{staticClass:\"line-chart-data\"},[_c('div',{staticClass:\"lineChartOuter\",attrs:{\"id\":\"line-chart\"}},[_c('line-chart',{staticClass:\"walking-speed-chart\",style:(_vm.lineChartStyle),attrs:{\"data\":_vm.attendenceData,\"isMobileWidth\":_vm.isMobileView,\"hideAnnotation\":true,\"yScaleLabel\":_vm.yScaleLabel,\"printChart\":false,\"isTooltipInPercent\":true}})],1),_c('canvas',{attrs:{\"id\":\"myChartAxis\",\"height\":\"300\",\"width\":\"0\"}}),(_vm.selectedGroupIds && _vm.selectedGroupIds.length)?_c('div',{staticClass:\"compl-legends\"},_vm._l((_vm.attendenceData.datasets),function(data){return _c('div',{key:data.label,staticClass:\"compl-container\"},[(data.groupId)?_c('span',{staticClass:\"dot\",style:({ backgroundColor: data.borderColor })}):_vm._e(),(data.groupId)?_c('span',{staticClass:\"label\",style:({ color: data.borderColor })},[_vm._v(_vm._s(_vm.getLabelName(data.groupId)))]):_vm._e()])}),0):_vm._e(),(_vm.emptyStateMessage)?_c('div',{staticClass:\"empty-state\"},[_c('p',[_vm._v(_vm._s(_vm.emptyStateMessage))])]):_vm._e()])]),(_vm.isBarChartVisible)?_c('div',{staticClass:\"bar-chart\"},[_c('div',{staticClass:\"compl-percentage\"},[_c('span',{staticClass:\"text\"},[_vm._v(\" Program Attendance Completion \")]),_c('span',{staticClass:\"perc\"},[_vm._v(\" \"+_vm._s(_vm.complProgramPercentage)+\" \")])]),(_vm.isBarChartLoaderVisible)?_c('div',{staticClass:\"loader-style\"},[_c('bouncing-preloader')],1):_c('div',{staticClass:\"chart-parent\"},[_c('bar-chart',{style:(_vm.barChartStyle),attrs:{\"barEmtyStateMessage\":_vm.barEmtyStateMessage,\"isMobileWidth\":_vm.isMobileView,\"data\":_vm.barChartData,\"hideBarAnnotation\":false,\"xAxisLabel\":_vm.xAxisLabelString,\"yAxisLabel\":_vm.yAxisLabelString,\"isDisplayXLabel\":_vm.isDisplayXLabel,\"barChartBackground\":_vm.barChartBackground,\"barChartHoverBackground\":_vm.barChartHoverBackground,\"removeQualityGraph\":true}}),_c('canvas',{attrs:{\"id\":\"BarYAxis\",\"height\":\"0\",\"width\":\"0\"}})],1)]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"chart-Heading\"},[_c('span',[_vm._v(\"Attendance Completion by Session \")])])}]\n\nexport { render, staticRenderFns }","import { Component, Mixins, Watch } from 'vue-property-decorator';\n\nimport APP_CONST from '@/constants/AppConst';\nimport APP_UTILITIES from '@/utilities/commonFunctions';\nimport BarChart from '@/chartcomponents/barcomponent/BarComponent.vue';\nimport BouncingPreloaderComponent from '@/commoncomponents/bouncingpreloadercomponent/BouncingPreloaderComponent.vue';\nimport DeviceWidthCheckerMixin from '@/mixins/deviceWidthChecker.mixin';\nimport DropdownList from '@/ui-components/dropdownListBx/DropdownList.vue';\nimport LineChart from '@/chartcomponents/linecomponent/LineChart.vue';\nimport MultiSelectDropdown from '@/ui-components/multiSelectDropdown/MultiSelectDropdown.vue';\nimport analyticsStore from '@/store/modules/analyticsStore';\n\n@Component({\n  components: {\n    'multi-select-dropdown': MultiSelectDropdown,\n    'line-chart': LineChart,\n    'bar-chart': BarChart,\n    'dropdown-list': DropdownList,\n    'bouncing-preloader': BouncingPreloaderComponent,\n  }\n})\n\n\nexport default class CompletionAttendanceAnalyticsComponent extends Mixins(DeviceWidthCheckerMixin) {\n\n  public singleSiteDropdown = APP_CONST.ATTENDANCE_SITES_CONFIG;\n  public multiGroupsDropdown = APP_CONST.ATTENDANCE_GROUPS_CONFIG;\n  public masterTabsValue = APP_CONST.SCHOLAR_ATTENDANCE_DAYS_SWITCH_TAB;\n  public yScaleLabel = '(%) Percent';\n  public yAxisLabelString: string = 'Percent (%)';\n  public xAxisLabelString: string = '';\n  public isDisplayXLabel: boolean = false;\n  public barChartBackground: string = APP_CONST.STYLE.COLOR.BLUE_700;\n  public barChartHoverBackground: string = APP_CONST.STYLE.COLOR.BLUE_700;\n  public isChartMount: boolean = false;\n  public isStaffNoGroupSelected: boolean = false;\n  public highestRole: number = JSON.parse(JSON.stringify(APP_UTILITIES.getCookie('highest_role')));\n  public onlyOneSiteAvailable: boolean = false;\n  public isMobileView: boolean = false;\n  public isBarChartLoaderVisible: boolean = false;\n  public barChartResponse: boolean = false;\n\n  @Watch('selectedProgramData', { deep: true })\n  updateProgramData(programData: any) {\n    this.isBarChartLoaderVisible = true;\n    analyticsStore.completionBarChartLoaderVisible(true);\n    analyticsStore.completionLineChartVisible(false);\n    this.barChartResponse = false;\n    if (programData && programData.hasOwnProperty('programId') && programData.programId && !this.isChartMount) {\n      analyticsStore.mutateGroupsList([]);\n      this.getProgramSites(programData);\n      analyticsStore.getPersistenceScholarTab({ selectedTab: 'completion', programId: programData.programId }).then(() => {\n        analyticsStore.fetchCompletionSiteGroupsAnalyticsData({ programId: programData.programId, siteId: (this.selectedSite ? this.selectedSite.id : '') });\n      });\n      analyticsStore.getProgramAttendenceCompletionBarSites(programData.programId).then(() => {\n        this.isBarChartLoaderVisible = false;\n        analyticsStore.completionBarChartLoaderVisible(false);\n        this.barChartResponse = true;\n      });\n    }\n    this.isChartMount = false;\n  }\n\n  get isBarChartVisible() {\n    const currentRole: number = Number(APP_UTILITIES.getCookie('highest_role'));\n    return ![APP_CONST.ROLE_TYPE_SESSION_ADMIN, APP_CONST.ROLE_TYPE_STAFF].includes(currentRole);\n  }\n\n  get isCompletionLineChartVisible() {\n    return analyticsStore.isCompletionLineChartVisible;\n  }\n\n  get barEmtyStateMessage() {\n    let emptyStateMessage = APP_CONST.BLANK;\n    const sum: number = 0;\n    if (!this.sitesDropdown.length) {\n      emptyStateMessage = APP_CONST.NO_SITE_SESSION_DATA;\n    }\n    else if ((this.complProgramPercentage == '--') || (this.complProgramPercentage == '0%')) {\n      emptyStateMessage = APP_CONST.AWAITING_ATTENDANCE_INPUT;\n    }\n    return emptyStateMessage;\n  }\n\n  get complProgramPercentage() {\n    return (this.sitesDropdown && this.sitesDropdown.length) ? analyticsStore.getComplProgramPercentage : '--';\n  }\n\n  get selectedAttendanceAnalyticsTab() {\n    return analyticsStore.selectedAttendanceAnalyticsTabValue;\n  }\n\n  get selectedTab() {\n    return analyticsStore.selectedSiteSessionAnalyticsTabValue;\n  }\n\n  get selectedProgramData() {\n    return analyticsStore.slectedProgram;\n  }\n\n  get groupsDropdown() {\n    return analyticsStore.siteGroupsList;\n  }\n\n  get sitesDropdown() {\n    return analyticsStore.selectedprogramSites;\n  }\n\n  get selectedSiteIds() {\n    return analyticsStore.selectedSites;\n  }\n\n  get isDisabledDropdown() {\n    return this.sitesDropdown && ((this.sitesDropdown.length == APP_CONST.ZERO) || (this.groupsDropdown.length == APP_CONST.ZERO));\n  }\n\n  get isSiteDisabled() {\n    return this.sitesDropdown && ((this.sitesDropdown.length == APP_CONST.ZERO) || (this.sitesDropdown.length == APP_CONST.ONE));\n  }\n\n  get attendenceData() {\n    return analyticsStore.attendenceCompletionDetails;\n\n  }\n\n  get lineChartStyle() {\n    let allApplicationLength: number = 0;\n    if (this.selectedTab == 'Week') {\n      allApplicationLength = this.attendenceData && this.attendenceData.labels && this.attendenceData.labels.length ? this.attendenceData.labels.length * (this.attendenceData.labels.length * 10 > 110 ? 110 : this.attendenceData.labels.length * 10) : 0;\n    } else {\n      allApplicationLength = this.attendenceData && this.attendenceData.labels && this.attendenceData.labels.length ? this.attendenceData.labels.length * (this.attendenceData.labels.length * 5 > 50 ? 50 : this.attendenceData.labels.length * 5) : 0;\n    }\n    const styles: any = {\n      width: allApplicationLength > 1280 ? `${allApplicationLength}px` : '100%',\n      height: '400px',\n      position: 'relative'\n    };\n    return styles;\n  }\n\n\n  get selectedSite() {\n    return analyticsStore.selectedSiteData;\n  }\n\n  get emptyStateMessage() {\n    this.isStaffNoGroupSelected = false;\n    if (this.highestRole == APP_CONST.ROLE_TYPE_STAFF && this.selectedSite) {\n      if (this.selectedGroupIds && !this.selectedGroupIds.length) {\n        this.isStaffNoGroupSelected = true;\n      }\n    }\n    return (!this.selectedSite || (this.selectedSite && !this.selectedSite.id)) ? APP_CONST.NO_SITE_SESSION : (this.isChartDataAvailable && !this.isStaffNoGroupSelected ? APP_CONST.AWAITING_ATTENDANCE_INPUT : '');\n  }\n\n  get isChartDataAvailable() {\n    return this.attendenceData && this.attendenceData.datasets && Object.keys(this.attendenceData.datasets).every((element: any) => this.attendenceData.datasets[element].data && !this.attendenceData.datasets[element].data.length);\n  }\n\n  get selectedGroupIds() {\n    return analyticsStore.selectedGroupIdsList;\n  }\n\n  get barChartStyle() {\n    let allApplicationLength: number = 0;\n    if (this.isMobile) {\n      allApplicationLength = (this.barChartData && this.barChartData.length) ? this.barChartData.length * (this.barChartData.length * 50 > 110 ? 110 : this.barChartData.length * 50) : 0;\n    } else {\n      allApplicationLength = (this.barChartData && this.barChartData.length) ? this.barChartData.length * (this.barChartData.length * 10 > 110 ? 110 : this.barChartData.length * 10) : 0;\n    }\n    const styles: any = {\n      width: allApplicationLength > document.documentElement.clientWidth ? `${allApplicationLength}px` : '100%',\n      height: '400px',\n      position: 'relative'\n    };\n    return styles;\n  }\n\n  get barChartData() {\n    return analyticsStore.barCompletionAnalyticalData;\n  }\n\n  /**\n   * Fetch api data on the basis of selected sites\n   *\n   * @param eventData\n   */\n  selectSite(eventData: { id: number; value: string }) {\n    analyticsStore.completionLineChartVisible(false);\n    analyticsStore.mutateSelectedGroupIds([]);\n    setTimeout(() => {\n      if (eventData && eventData.id >= 0 && eventData.value) {\n        analyticsStore.mutateSelectedSite({ ...eventData, programId: this.selectedProgramData.programId });\n        analyticsStore.fetchCompletionSitesAnalyticsData({ programId: this.selectedProgramData.programId, siteId: eventData.id }).then((response) => {\n          analyticsStore.completionCsvEnableDisableItems();\n          analyticsStore.mutateAttendanceSiteSession({ programId: this.selectedProgramData.programId, site: eventData, groups: this.groupsDropdown });\n        });\n      } else if (eventData && eventData.hasOwnProperty('id') && (eventData.id < APP_CONST.ONE)) {\n        analyticsStore.mutateSelectedSite({ id: 0, value: '' });\n        analyticsStore.mutateGroupsList([]);\n        analyticsStore.completionCsvEnableDisableItems();\n        analyticsStore.mutateAttendanceSiteSession({ programId: this.selectedProgramData.programId, site: eventData, groups: [] });\n      }\n    }, 500);\n  }\n\n  /**\n   * Fetch api data on the basis of selected sites and groups\n   *\n   * @param eventData\n   */\n  selectGroup(eventData: any) {\n    if (eventData.selectedValue != undefined) {\n      analyticsStore.mutateAttendanceSiteSession({ programId: this.selectedProgramData.programId, site: { id: this.selectedSite.id, value: this.selectedSite.value }, groups: eventData.dropdownList });\n    }\n  }\n\n  /**\n   * Api call for selected program sites\n   *\n   */\n  getProgramSites(selectedProgram: any) {\n    if (selectedProgram && selectedProgram.programId) {\n      analyticsStore.getProgramAttendenceCompletionSites(selectedProgram.programId);\n    }\n  }\n\n  /**\n   * Api call on program change\n   *\n   * @param selectedProgram\n   */\n  selectProgramData(selectedProgram: any) {\n    APP_UTILITIES.setFilteredColumns('enrollmentselectedprogram', selectedProgram);\n    analyticsStore.getProgramAttendenceCompletionSites(selectedProgram.programId);\n  }\n\n  /**\n   * Switch days tab\n   *\n   * @param tab\n   */\n  tabSwitch(tab: any) {\n    /* istanbul ignore else */\n    analyticsStore.completionLineChartVisible(false);\n    if (this.selectedTab != tab.name) {\n      APP_UTILITIES.setFilteredColumns('completionTabSelection', tab);\n      analyticsStore.mutateAnalyticsSiteSessionTabSwitch(tab.name);\n      analyticsStore.fetchCompletionSiteGroupsAnalyticsData({ programId: this.selectedProgramData.programId, siteId: (this.selectedSite ? this.selectedSite.id : '') });\n    }\n  }\n\n  /**\n   * Return label name as per its ID\n   *\n   * @param groupId\n   * @returns\n   */\n  getLabelName(groupId: number) {\n    let labelName: string = '';\n    this.groupsDropdown.forEach((group: any) => {\n      if (group.id == groupId) {\n        labelName = group.value;\n      }\n    });\n    return labelName;\n  }\n\n  multiSelectDropdownClosed() {\n    analyticsStore.completionLineChartVisible(false);\n    analyticsStore.fetchCompletionSiteGroupsAnalyticsData({ programId: this.selectedProgramData.programId, siteId: this.selectedSite.id });\n  }\n\n\n  destroyed() {\n    analyticsStore.resetSelectedProgramPerc();\n  }\n\n  beforeMount() {\n    this.isBarChartLoaderVisible = true;\n    analyticsStore.completionBarChartLoaderVisible(true);\n    analyticsStore.completionLineChartVisible(false);\n    this.barChartResponse = false;\n    this.isMobileView = APP_UTILITIES.isMobile();\n    analyticsStore.mutateAnalyticsAttendanceTabSwitch('Completion');\n    if (APP_UTILITIES.getFilteredColumns('completionTabSelection')) {\n      let storedTab: any = APP_UTILITIES.getFilteredColumns('completionTabSelection');\n      storedTab = JSON.parse(storedTab);\n      analyticsStore.mutateAnalyticsSiteSessionTabSwitch(storedTab.name);\n    } else {\n      analyticsStore.mutateAnalyticsSiteSessionTabSwitch('Week');\n    }\n    this.isChartMount = true;\n    if (APP_UTILITIES.getFilteredColumns('attendanceselectedprogram')) {\n      const program: any = APP_UTILITIES.getFilteredColumns('attendanceselectedprogram');\n      const selectedProgram = JSON.parse(program);\n      analyticsStore.mutateSelectedProgramName(selectedProgram);\n      analyticsStore.mutateSelectedGroups([]);\n      analyticsStore.mutateSelectedSite({ id: 0, value: '' });\n      analyticsStore.completionCsvEnableDisableItems();\n      this.getProgramSites(selectedProgram);\n      if (selectedProgram && selectedProgram.programId) {\n        analyticsStore.getPersistenceScholarTab({ selectedTab: 'completion', programId: selectedProgram.programId }).then(() => {\n          analyticsStore.fetchCompletionSiteGroupsAnalyticsData({ programId: selectedProgram.programId, siteId: (this.selectedSite ? this.selectedSite.id : '') });\n        });\n        analyticsStore.getProgramAttendenceCompletionBarSites(selectedProgram.programId).then(() => {\n          this.isBarChartLoaderVisible = false;\n          analyticsStore.completionBarChartLoaderVisible(false);\n          this.barChartResponse = true;\n        });\n      }\n    } else {\n      analyticsStore.programNameSelection().then(() => {\n        this.getProgramSites(this.selectedProgramData);\n        analyticsStore.mutateSelectedSite({ id: 0, value: '' });\n        analyticsStore.completionCsvEnableDisableItems();\n        if (this.selectedProgramData && this.selectedProgramData.programId) {\n          analyticsStore.getPersistenceScholarTab({ selectedTab: 'completion', programId: this.selectedProgramData.programId }).then(() => {\n            analyticsStore.fetchCompletionSiteGroupsAnalyticsData({ programId: this.selectedProgramData.programId, siteId: (this.selectedSite ? this.selectedSite.id : '') });\n          });\n          analyticsStore.getProgramAttendenceCompletionBarSites(this.selectedProgramData.programId).then(() => {\n            this.isBarChartLoaderVisible = false;\n            analyticsStore.completionBarChartLoaderVisible(false);\n            this.barChartResponse = true;\n          });\n        }\n      });\n\n    }\n\n\n  }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport CompletionAttendanceAnalyticsComponent from \"@/components/analyticsComponent/scholarAnalyticsComponent/scholarAttendanceAnalyticsComponent/completionAttendanceAnalyticsComponent/CompletionAttendanceAnalyticsComponent\";\nexport default CompletionAttendanceAnalyticsComponent;\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/ts-loader/index.js??ref--13-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompletionAttendanceAnalyticsComponent.vue?vue&type=script&lang=ts&\"; 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/ts-loader/index.js??ref--13-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompletionAttendanceAnalyticsComponent.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./CompletionAttendanceAnalyticsComponent.vue?vue&type=template&id=0efedd16&scoped=true&\"\nimport script from \"./CompletionAttendanceAnalyticsComponent.vue?vue&type=script&lang=ts&\"\nexport * from \"./CompletionAttendanceAnalyticsComponent.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./CompletionAttendanceAnalyticsComponent.less?vue&type=style&index=0&id=0efedd16&lang=less&scoped=true&\"\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  \"0efedd16\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dropdown-list relative\",class:[_vm.classes, _vm.openDropdown && 'dropdown-open-list']},[(_vm.dropdown.label)?_c('label',{attrs:{\"bx-attr\":(\"dropdown-label-\" + (_vm.dropdown.label.toLowerCase().split(' ').join('-')))}},[_vm._v(_vm._s(_vm.dropdown.label)),(_vm.dropdown.required)?_c('span',[_vm._v(\"*\")]):_vm._e()]):_vm._e(),_c('div',{staticClass:\"relative clear-both\"},[_c('button',{class:[_vm.dropdown.error && 'outline-red', _vm.dropdown.disable && 'disable'],attrs:{\"id\":(\"dropdown-label-\" + _vm.publicUniqueId),\"type\":\"button\",\"bx-attr\":(\"toggleDropdown-\" + (_vm.dropdown.value)),\"disabled\":(_vm.dropdown.disable || _vm.dropdown.dropdownList && ((_vm.autoSelectionAllowed && _vm.dropdown.dropdownList.length <= 1)||(!_vm.autoSelectionAllowed &&_vm.dropdown.dropdownList.length <= 0)))},on:{\"click\":function($event){return _vm.toggleDropdown($event)},\"keydown\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"])){ return null; }return _vm.toggleDropdown($event,true)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"tab\",9,$event.key,\"Tab\")){ return null; }return _vm.toggleDropdown($event,true)},function($event){return _vm.checkKey($event)}]}},[_c('img',{attrs:{\"src\":require(\"../../assets/images/scholars/add-new-scholars/arrowDown.svg\"),\"alt\":\"down\"}}),_c('span',{class:[_vm.dropdown.singleSelect && 'singleSelect']},[_vm._v(_vm._s(_vm.dropdown.value))])]),(_vm.openDropdown)?_c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(function (){_vm.openDropdown=false}),expression:\"()=>{openDropdown=false}\"}],staticClass:\"dropdown-submenu\"},[_c('ul',{staticClass:\"dropdown-submenu-list scroll-drop\"},[(_vm.dropdown.showSelectLabel)?_c('li',{staticClass:\"select-label\",on:{\"keydown\":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.onDropdownOpen($event)},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.select({id: 0, value: _vm.dropdown.firstSelectLabel || 'Select'});},\"click\":function($event){$event.stopPropagation();return _vm.select({id: 0, value: _vm.dropdown.firstSelectLabel || 'Select'})},\"mouseover\":function($event){return _vm.changeFocusOnHover(-1)}}},[_c('img',{attrs:{\"src\":require(\"../../assets/images/scholars/add-new-scholars/arrowDown.svg\"),\"alt\":\"down\"}}),_c('a',[_vm._v(_vm._s(_vm.dropdown.firstSelectLabel || 'Select'))])]):_vm._e(),(_vm.dropdown.search)?_c('li',{staticClass:\"input_rel\"},[(_vm.dropdown.search)?_c('input',{directives:[{name:\"model\",rawName:\"v-model.trim\",value:(_vm.search),expression:\"search\",modifiers:{\"trim\":true}}],attrs:{\"placeholder\":_vm.dropdown.placeholder || 'Search',\"type\":\"text\",\"id\":\"dropdownSearchInput\"},domProps:{\"value\":(_vm.search)},on:{\"keydown\":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.onDropdownOpen($event, 'fromSearchInput')},\"input\":[function($event){if($event.target.composing){ return; }_vm.search=$event.target.value.trim()},function (evt) {_vm.search=evt.target.value; _vm.active=-1}],\"mouseover\":function($event){return _vm.changeFocusOnHover(-1)},\"blur\":function($event){return _vm.$forceUpdate()}}}):_vm._e(),(_vm.search)?_c('span',{staticClass:\"cross\",on:{\"click\":function($event){return _vm.clearSearch()}}},[_c('img',{attrs:{\"src\":require(\"../../assets/images/closeIconBlack.svg\"),\"alt\":\"\"}})]):_c('span',{staticClass:\"search-icon\"},[_c('img',{attrs:{\"src\":require(\"../../assets/images/common-icon/search.svg\"),\"alt\":\"\"}})])]):_vm._e(),_vm._l((_vm.filterList(_vm.dropdown.dropdownList, _vm.search)),function(obj,index){return _c('li',{key:index,staticClass:\"dropdown-menu\",class:[ _vm.dropdown.id==obj.id && 'blue-hover' ,!_vm.dropdown.showSelectLabel && index == 0 && 'label-wt-select'],attrs:{\"id\":(\"drop-li-\" + index)},on:{\"click\":function($event){return _vm.select(obj)},\"mouseover\":function($event){return _vm.changeFocusOnHover(index)}}},[(_vm.isDropdownElementIdValid(obj.id))?_c('a',{attrs:{\"id\":(\"drop-a-\" + index),\"name\":(\"drop-a-\" + (obj.id)),\"tabindex\":index,\"bx-attr\":(\"dropdown-value-\" + (obj.value.toLowerCase().split(' ').join('-')))},on:{\"keypress\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.select(obj);},\"keydown\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"])){ return null; }return _vm.toggleDropdown($event,true)},function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.onDropdownOpen($event,'fromLi')}]}},[(!_vm.dropdown.showSelectLabel && index == 0)?_c('img',{attrs:{\"src\":require(\"../../assets/images/scholars/add-new-scholars/arrowDown.svg\"),\"alt\":\"down\"}}):_vm._e(),_vm._v(\" \"+_vm._s(obj.value))]):_vm._e()])})],2)]):_vm._e()]),(_vm.dropdown.error)?_c('span',{staticClass:\"dropdown-error\"},[_vm._v(_vm._s(_vm.dropdown.errorText))]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { Vue, Component, Prop, Watch } from 'vue-property-decorator';\nimport APP_CONST from '@/constants/AppConst';\nimport { DropdownListItem, DropdownListOptions } from './types';\n\n\n@Component({\n    name: 'DropdownList',\n    filters: {}\n})\nexport default class DropdownList extends Vue {\n    search: string = '';\n    openDropdown: boolean = false;\n    hovering: boolean = false;\n    hoverText: string = '';\n    styleObject: any = {};\n    dropdownElement: any = {}\n    active: number = -1\n    searchElementId: number = -1\n    public activeLetter = '';\n    public selectedIndex: number = -1;\n    selectableLableHover: boolean = false\n    public publicUniqueId: number = Math.floor(Math.random() * 100000000000);\n\n    @Prop()\n    classes!: string[]\n\n    @Prop({ default: true })\n    autoSelectionAllowed!: boolean\n\n    @Prop({\n        default: {\n            singleSelect: false,\n            showSelectLabel: true,\n            firstSelectLabel: 'Select',\n            id: 0,\n            value: 'Select',\n            label: '',\n            error: false,\n            errorText: '',\n            search: false,\n            disable: false,\n            dropdownList: [{ id: 0, value: 'Select' }] as DropdownListItem[]\n        } as DropdownListOptions\n    })\n    dropdown!: DropdownListOptions;\n\n    @Prop()\n    slotObj!: { slotLabel: string, slotType: string };\n\n    toggleDropdown(e?: any, close?: boolean) {\n        if (this.dropdown.disable) {\n            return;\n        }\n        this.openDropdown = this.openDropdown ? APP_CONST.FALSE : (close ? APP_CONST.FALSE : APP_CONST.TRUE);\n        this.clearSearch();\n        this.hovering = !this.hovering;\n        if (this.openDropdown) {\n            this.active = APP_CONST.MINUS_ONE;\n            setTimeout(() => {\n                this.dropdownElement.children = [...document.getElementsByClassName(\"dropdown-menu\")];\n                if (this.dropdown.search) {\n                    let inputElement = document.getElementById('dropdownSearchInput');\n                    inputElement && inputElement.focus()\n                    if (this.dropdown.id) {\n                        let activeEle = document.getElementsByName(`drop-a-${this.dropdown.id}`)[0];\n                        if (activeEle) {\n                            activeEle.scrollIntoView({ block: \"center\", behavior: \"smooth\" });\n                        }\n                    }\n                }\n                else {\n                    let element = document.getElementById(\"drop-a-0\");\n                    if (element) {\n                        element.focus();\n                        this.active = 0;\n                        this.dropdownElement.children[this.active].classList.add(\"dropbtn-selected\");\n                    }\n                    if (this.dropdown.id) {\n                        let activeEle = document.getElementsByName(`drop-a-${this.dropdown.id}`)[0];\n                        if (activeEle) {\n                            activeEle.focus();\n                            const index = this.dropdownElement.children.findIndex((el: any, index: number) => {\n                                const toFind = `drop-a-${this.dropdown.id}`;\n                                if (el.children[0].name == toFind) {\n                                    return index\n                                }\n                            });\n                            if (index >= APP_CONST.ZERO) {\n                                this.dropdownElement.children[this.active].classList.remove(\"dropbtn-selected\");\n                                this.active = index;\n                                this.dropdownElement.children[this.active].classList.add(\"dropbtn-selected\");\n                                this.dropdownElement.children[this.active] && this.dropdownElement.children[this.active].scrollIntoView({ block: \"center\", inline: \"center\", behavior: \"smooth\" });\n                            }\n                        }\n                    }\n                }\n            }, 10)\n        }\n        if (this.openDropdown && this.selectedIndex > -1) {\n            let dropdownMenuItems = this.dropdownElement && this.dropdownElement.children\n            dropdownMenuItems[this.active] && dropdownMenuItems[this.active].scrollIntoView({ block: \"center\", inline: \"center\", behavior: \"smooth\" })\n        }\n        if (this.active > -1 && e && e.keyCode == 13 && !this.openDropdown) {\n            this.selectedIndex = this.active;\n            let selected = this.dropdown.dropdownList[this.active]\n            this.select(selected)\n        }\n    }\n\n    /* istanbul ignore next */\n    mounted() {\n        document.addEventListener(\"keydown\", (e) => {\n            switch (e.key) {\n                case \"ArrowUp\":\n                case \"ArrowDown\":\n                    if (this.openDropdown)\n                        e.preventDefault();\n                    break;\n            }\n        });\n        this.selectFirstElement();\n    }\n\n    @Watch('dropdown.dropdownList', { deep: true })\n    onDropdownListChange(old: any, newVal: any) {\n        if (old !== newVal)\n            this.selectFirstElement();\n    }\n\n    selectFirstElement() {\n        if (this.dropdown.dropdownList && this.dropdown.dropdownList.length <= APP_CONST.ONE && this.autoSelectionAllowed) {\n            let dropDownValues: any = this.dropdown.dropdownList.length == APP_CONST.ZERO ? { id: this.dropdown.id ? this.dropdown.id : 0, value: this.dropdown.value } : this.dropdown.dropdownList[APP_CONST.ZERO]\n            this.select(dropDownValues)\n            let element: any = document.getElementById(`dropdown-label-${this.publicUniqueId}`)\n            element && element.classList && element.classList.add(\"dropdown-active\");\n        }\n        else {\n            let element: any = document.getElementById(`dropdown-label-${this.publicUniqueId}`)\n            element && element.classList && element.classList.remove(\"dropdown-active\");\n        }\n    }\n\n    onDropdownOpen(e: any, attribute?: string) {\n        let searchElement = document.getElementById('dropdownSearchInput');\n        if (document.activeElement !== searchElement) {\n            if (e.code == \"Space\") {\n                e.preventDefault();\n                return false;\n            }\n        }\n        if (e.keyCode == 27) {\n            this.toggleDropdown({}, true);\n            this.refocusDD()\n        }\n        if (attribute == \"fromLi\" && e.keyCode == 9 && !e.shiftKey) {\n            this.toggleDropdown({}, false)\n            this.active = -1;\n            return;\n        } else if (attribute == \"fromLi\" && e.keyCode == 9 && e.shiftKey) {\n            this.active = -1;\n            setTimeout(() => {\n                if (this.dropdown.search) {\n                    let inputElement = document.getElementById('dropdownSearchInput');\n                    inputElement && inputElement.scrollIntoView({ block: \"center\", inline: \"center\", behavior: \"smooth\" });\n                    this.goToSearch();\n                }\n            }, 10);\n            return;\n        }\n        else if (attribute == 'fromSearchInput' && (e.keyCode == 38 || e.keyCode == 40)) {\n            e.preventDefault();\n            return;\n        }\n        else if (attribute == 'fromSearchInput' && e.keyCode == 9 && !e.shiftKey) {\n            this.active = 0;\n        }\n        let dropdownMenuItems = this.dropdownElement && this.dropdownElement.children\n        let inputElement = document.getElementById('dropdownSearchInput');\n\n        if (this.openDropdown) {\n            const input = String.fromCharCode(e.keyCode)\n            if (e.keyCode == 40) {\n                if (this.active < this.dropdownElement.children.length - 1)\n                    this.active++;\n            }\n            else if (e.keyCode == 38) {\n                if (this.active == APP_CONST.ZERO) {\n                    this.active;\n                }\n                else\n                    this.active--;\n            }\n            else if (/[a-zA-Z0-9]/.test(input) && (document.activeElement !== inputElement)) {\n                let loopStart = this.activeLetter == input.toLowerCase() ? this.active + 1 : 0;\n                for (let i = loopStart; i < this.dropdownElement.children.length; i++) {\n                    let val = dropdownMenuItems[i].innerText.charAt(0).toLowerCase()\n                    let inp = input.toLowerCase()\n                    if (val == inp) {\n                        this.active = i;\n                        this.activeLetter = inp;\n                        break\n                    }\n                }\n            }\n            setTimeout(() => {\n                let currentElm: any = document.querySelector('.dropbtn-selected a') as HTMLElement;\n                currentElm && currentElm.focus()\n            })\n        }\n        this.dropdownElement.children.forEach((drop: any) => {\n            drop && drop.classList && drop.classList.remove('dropbtn-selected');\n        });\n        this.dropdownElement && this.dropdownElement.children[this.active] && this.dropdownElement.children[this.active].classList.add('dropbtn-selected');\n        if (this.active > -1) {\n            this.dropdownElement.children[this.active].focus();\n            this.dropdownElement.children[this.active].classlist && this.dropdownElement.children[this.active].classlist.add('dropbtn-selected');\n            dropdownMenuItems[this.active] && dropdownMenuItems[this.active].scrollIntoView({ block: \"center\", inline: \"center\", behavior: \"smooth\" })\n        }\n    }\n\n    goToSearch() {\n        let inputElement = document.getElementById('dropdownSearchInput');\n        inputElement && inputElement.focus()\n    }\n\n    checkKey(e: any) {\n        if (e.keyCode == 38 || e.keyCode == 40) {\n            if (this.openDropdown) {\n                this.onDropdownOpen(e, 'fromLi')\n            } else {\n                this.toggleDropdown(e)\n            }\n        }\n    }\n\n    select(selection: { id: number, value: string }) {\n        if (selection && this.dropdown.id == selection.id) {\n            this.openDropdown = false;\n            this.refocusDD();\n            this.hovering = false;\n            return;\n        }\n        this.dropdown.id = selection && selection.id;\n        this.dropdown.value = selection && selection.value;\n        if (this.dropdown.id >= APP_CONST.ZERO || typeof (this.dropdown.id) == 'string') {\n            this.$emit('onSelectionChange', { id: this.dropdown.id, value: this.dropdown.value } as DropdownListItem);\n        }\n        this.openDropdown = false;\n        this.refocusDD()\n        this.hovering = false;\n    }\n\n    filterList(list: [{ id: number, value: string }], search: string): any {\n        search = search.trim();\n        if (!search) {\n            return list;\n        }\n        const dropList = list.filter((el) => el.value.toLowerCase().includes(search.toLowerCase()));\n        return dropList;\n    }\n\n    clearSearch() {\n        this.search = '';\n    }\n\n    refocusDD() {\n        let btnElment = document.getElementById(`dropdown-label-${this.publicUniqueId}`)\n        btnElment && btnElment.focus();\n    }\n\n    // Just to improve user Experience\n    changeFocusOnHover(index: number) {\n        this.dropdownElement && this.dropdownElement.children && this.dropdownElement.children.forEach((drop: any) => {\n            drop && drop.classList && drop.classList.remove('dropbtn-selected');\n        });\n        if (index > -1) {\n            this.active = index;\n            // this check is needed to ensure the dropdown and elements inside the dropdown exist\n            // due to the onDropdownOpen function having a 10ms timeout\n            if (this.dropdownElement.children && this.dropdownElement.children.length && this.dropdownElement.children[this.active]) {\n                this.dropdownElement.children[this.active].classList.add(\"dropbtn-selected\");\n            }\n        }\n    }\n\n    /**\n     * Checks if the provided dropdown element ID is valid.\n     *\n     * @param id - The dropdown element ID to validate.\n     * @returns A boolean indicating whether the ID is valid or not.\n     */\n    isDropdownElementIdValid(id: number | string): boolean {\n      if (typeof id === 'number') {\n        return id > -1;\n      } else if (typeof id === 'string') {\n        return !!id;\n      }\n      return false;\n    }\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport DropdownList from '@/ui-components/dropdownListBx/DropdownList';\nexport default DropdownList;\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/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DropdownList.vue?vue&type=script&lang=ts&\"; 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/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DropdownList.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./DropdownList.vue?vue&type=template&id=7867c925&scoped=true&\"\nimport script from \"./DropdownList.vue?vue&type=script&lang=ts&\"\nexport * from \"./DropdownList.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./DropdownList.less?vue&type=style&index=0&id=7867c925&lang=less&scoped=true&\"\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  \"7867c925\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}