{"version":3,"sources":["webpack:///./src/page/lms/LMS3040.vue?8d32","webpack:///src/page/lms/LMS3040.vue","webpack:///./src/page/lms/LMS3040.vue?0389","webpack:///./src/page/lms/LMS3040.vue","webpack:///./src/page/lms/LMS3040.vue?0b7f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","slot","regions","on","onRegionIdChanged","model","value","callback","$$v","regionId","expression","detailYears","onYearIdChanged","yearId","onActiveTabIndexChanged","activeTabIndex","_s","_l","app","index","key","boardCode","Number","targetCount","toLocaleString","submittedCount","approvedCount","rejectedCount","inProcessCurrentCount","residualCount","targetPercentage","actualPercentage","summary","indexA","$event","goBack","staticRenderFns","extends","PageBase","name","data","regionsPla","charts","chartsPla","allregion","summaryDateRange","core","getCurrentYear","offices","submittedCounts","approvedCounts","pendingCounts","rejectedCounts","cancelledCounts","residualCounts","inProcessCounts","visitDates","visitCounts","allRegionSummary","submittedPlaCounts","approvedPlaCounts","methods","loadData","me","getStats","then","getTargetPath","$options","query","activeTab","syncValues","q","isNaN","getRegionaalStats","getRegionalSummaryStats","getRegionalStatsPla","getVisitStats","go","route","reload","drawSummaryChart","mq","matches","aspectRatio","labels","datasets","scales","x","ticks","font","size","weight","y","beginAtZero","plugins","title","display","text","lineHeight","subtitle","padding","bottom","legend","boxWidth","push","chart","drawCharts","forEach","destroy","setTimeout","mounted","dom","window","lams","unshift","regionFullName","beforeDestroy","off","component"],"mappings":"kHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACF,EAAG,KAAK,CAACE,YAAY,6BAA6B,CAACF,EAAG,KAAK,CAACA,EAAG,WAAW,CAACG,MAAM,CAAC,GAAK,MAAM,CAACP,EAAIQ,GAAG,WAAW,GAAGJ,EAAG,KAAK,CAACA,EAAG,OAAO,CAACG,MAAM,CAAC,eAAe,SAAS,CAACP,EAAIQ,GAAG,8BAA8BJ,EAAG,WAAW,CAACE,YAAY,OAAOC,MAAM,CAAC,YAAc,aAAa,CAACH,EAAG,MAAM,CAACE,YAAY,8CAA8CC,MAAM,CAAC,KAAO,UAAUE,KAAK,UAAU,CAACL,EAAG,IAAI,CAACE,YAAY,6BAA6B,CAACN,EAAIQ,GAAG,yBAAyBJ,EAAG,MAAM,CAACE,YAAY,mCAAmC,CAACF,EAAG,YAAY,CAACG,MAAM,CAAC,cAAc,GAAG,gBAAgB,iBAAiB,WAAaP,EAAIU,SAASC,GAAG,CAAC,QAAUX,EAAIY,mBAAmBC,MAAM,CAACC,MAAOd,EAAY,SAAEe,SAAS,SAAUC,GAAMhB,EAAIiB,SAASD,GAAKE,WAAW,cAAcd,EAAG,YAAY,CAACE,YAAY,eAAeC,MAAM,CAAC,QAAU,OAAO,gBAAgB,GAAG,cAAc,GAAG,gBAAgB,SAAS,WAAaP,EAAImB,aAAaR,GAAG,CAAC,QAAUX,EAAIoB,iBAAiBP,MAAM,CAACC,MAAOd,EAAU,OAAEe,SAAS,SAAUC,GAAMhB,EAAIqB,OAAOL,GAAKE,WAAW,aAAa,OAAOd,EAAG,WAAW,CAACG,MAAM,CAAC,GAAK,QAAQI,GAAG,CAAC,QAAUX,EAAIsB,yBAAyBT,MAAM,CAACC,MAAOd,EAAkB,eAAEe,SAAS,SAAUC,GAAMhB,EAAIuB,eAAeP,GAAKE,WAAW,mBAAmB,CAACd,EAAG,UAAU,CAACG,MAAM,CAAC,MAAQ,QAAQ,KAAO,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,WAAW,CAACE,YAAY,8BAA8BC,MAAM,CAAC,UAAY,QAAQ,CAACH,EAAG,IAAI,CAACE,YAAY,8CAA8C,CAACN,EAAIQ,GAAG,2DAA2DJ,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,SAAS,CAACE,YAAY,MAAMC,MAAM,CAAC,GAAK,yBAAyBH,EAAG,OAAO,CAACE,YAAY,gCAAgC,CAACN,EAAIQ,GAAGR,EAAIwB,GAAGxB,EAAIqB,QAAQ,sCAAsCjB,EAAG,QAAQ,CAACE,YAAY,yCAAyC,CAACF,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACE,YAAY,0BAA0B,CAACF,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,YAAYJ,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,YAAYJ,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,eAAeJ,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,cAAcJ,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,cAAcJ,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,gBAAgBJ,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,cAAcJ,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,YAAYJ,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,gBAAgBJ,EAAG,QAAQ,CAACJ,EAAIyB,GAAIzB,EAAa,WAAE,SAAS0B,EAAIC,GAAO,OAAOvB,EAAG,KAAK,CAACwB,IAAID,GAAO,CAACvB,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAGR,EAAIwB,GAAGE,EAAIG,cAAczB,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,yBAAyBR,EAAIwB,GAAGM,OAAOJ,EAAIK,aAAaC,kBAAkB,0BAA0B5B,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,yBAAyBR,EAAIwB,GAAGM,OAAOJ,EAAIO,gBAAgBD,kBAAkB,0BAA0B5B,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,yBAAyBR,EAAIwB,GAAGM,OAAOJ,EAAIQ,eAAeF,kBAAkB,0BAA0B5B,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,yBAAyBR,EAAIwB,GAAGM,OAAOJ,EAAIS,eAAeH,kBAAkB,0BAA0B5B,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,yBAAyBR,EAAIwB,GAAGM,OAAOJ,EAAIU,uBAAuBJ,kBAAkB,0BAA0B5B,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,yBAAyBR,EAAIwB,GAAGM,OAAOJ,EAAIW,eAAeL,kBAAkB,0BAA0B5B,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,yBAAyBR,EAAIwB,GAAGM,OAAOJ,EAAIY,kBAAkBN,iBAAmB,KAAK,0BAA0B5B,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,yBAAyBR,EAAIwB,GAAGM,OAAOJ,EAAIa,kBAAkBP,iBAAmB,KAAK,+BAA8BhC,EAAIyB,GAAIzB,EAAoB,kBAAE,SAASwC,EAAQC,GAAQ,OAAOrC,EAAG,KAAK,CAACwB,IAAIa,GAAQ,CAACrC,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACN,EAAIQ,GAAG,WAAWJ,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,yBAAyBR,EAAIwB,GAAGM,OAAOU,EAAQT,aAAaC,kBAAkB,0BAA0B5B,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,yBAAyBR,EAAIwB,GAAGM,OAAOU,EAAQP,gBAAgBD,kBAAkB,0BAA0B5B,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,yBAAyBR,EAAIwB,GAAGM,OAAOU,EAAQN,eAAeF,kBAAkB,0BAA0B5B,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,yBAAyBR,EAAIwB,GAAGM,OAAOU,EAAQL,eAAeH,kBAAkB,0BAA0B5B,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,yBAAyBR,EAAIwB,GAAGM,OAAOU,EAAQJ,uBAAuBJ,kBAAkB,0BAA0B5B,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,yBAAyBR,EAAIwB,GAAGM,OAAOU,EAAQH,eAAeL,kBAAkB,0BAA0B5B,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,yBAAyBR,EAAIwB,GAAGgB,EAAQF,iBAAmB,KAAK,0BAA0BlC,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,yBAAyBR,EAAIwB,GAAGM,OAAOU,EAAQD,kBAAkBP,iBAAmB,KAAK,gCAA+B,QAAQ,MAAM,GAAG5B,EAAG,SAAS,CAACE,YAAY,kDAAkDC,MAAM,CAAC,KAAO,UAAUI,GAAG,CAAC,MAAQ,SAAS+B,GAAQ,OAAO1C,EAAI2C,YAAY,CAACvC,EAAG,IAAI,CAACE,YAAY,0BAA0BN,EAAIQ,GAAG,kBAAkB,MAC50KoC,EAAkB,G,sECiOtB,GACEC,QAASC,EAAX,KACEC,KAAM,UAENC,KAJF,WAKI,MAAO,CACL/B,SAAU,EACVP,QAAS,GACTuC,WAAY,GACZC,OAAQ,GACRC,UAAW,GACXC,UAAW,GACXC,iBAAkB,GAClBhC,OAAQpB,KAAKqD,KAAKC,iBAClBpC,YAAa,GACbqC,QAAS,GACTC,gBAAiB,GACjBC,eAAgB,GAChBC,cAAe,GACfC,eAAgB,GAChBC,gBAAiB,GACjBC,eAAgB,GAChBC,gBAAiB,GACjBxC,eAAgB,EAChByC,WAAY,GACZC,YAAa,GACbC,iBAAkB,GAClBC,mBAAoB,GACpBC,kBAAmB,KAyBvBC,QAAS,CACPC,SADJ,WACA,WACA,OACA,WAEMC,EAAGC,WAAWC,MACpB,YACQ,EAAR,YAEA,mCACU,EAAV,0BAEU,EAAV,kCASQ,EAAR,iCAAU,OAAV,eACQ,EAAR,yCAAU,OAAV,oBACQ,EAAR,wCAAU,OAAV,mBACQ,EAAR,wCAAU,OAAV,mBACQ,EAAR,uCAAU,OAAV,kBACQ,EAAR,yCAAU,OAAV,oBACQ,EAAR,wCAAU,OAAV,mBACQ,EAAR,yCAAU,OAAV,2BAaQ,EAAR,kBAGQ,EAAR,wCACA,IACY,EAAZ,2BAAc,OAAd,eACY,EAAZ,sCAAc,OAAd,oBACY,EAAZ,qCAAc,OAAd,mBACY,EAAZ,iBAIQ,EAAR,4CACA,IACY,EAAZ,uBAKQ,EAAR,gBAGA,YACQ,EAAR,YACQ,EAAR,iBAIIC,cArEJ,WAsEM,MAAO,CACL3B,KAAM9C,KAAK0E,SAAS5B,KACpB6B,MAAO,CACLC,UAAW5E,KAAKsB,kBAItBuD,WA7EJ,SA6EA,KACM,IAAN,OAEM,GAAI,cAAeC,EAAG,CACpB,IAAR,wBACaC,MAAMrD,KACT4C,EAAGhD,eAAiBI,KAO1B6C,SA1FJ,WA2FM,IAAN,OACA,WAEA,KAEM,OAAOD,EACb,oBACA,kBAEQ,OADA,EAAR,QACA,qBAEA,kBAGQ,OAFA,EAAR,YACQ,EAAR,SACA,KAEA,mBACQ,EAAR,YACQ,EAAR,iBAIIU,kBAjHJ,WAkHM,OAAO,OAAb,OAAa,CAAb,wCAGIC,wBArHJ,WAsHM,OAAO,OAAb,OAAa,CAAb,gDAGIC,oBAzHJ,WA0HM,OAAO,OAAb,OAAa,CAAb,4CAGIC,cA7HJ,WA8HM,OAAO,OAAb,OAAa,CAAb,oBAKIxE,kBAnIJ,SAmIA,GACM,IAAN,GACQmC,KAAM,UACN6B,MAAO,CACL3D,SAAUA,IAGdhB,KAAKoF,GAAGC,IAEVhE,wBA5IJ,WA6IMrB,KAAKsF,UAGPnE,gBAhJJ,WAkJMnB,KAAKqE,YAMPkB,iBAxJJ,WAyJM,IAAN,OAEA,0CACA,MACUC,EAAGC,UACLC,EAAc,GAEhB,IAAN,GACQC,OAAQrB,EAAGf,QAEXqC,SAAU,CAClB,CACU,MAAV,YACU,KAAV,kBACU,gBAAV,WAGA,CACU,MAAV,WACU,KAAV,iBACU,gBAAV,WAGA,CACU,MAAV,WACU,KAAV,iBACU,gBAAV,WAEA,CACU,MAAV,aACU,KAAV,kBACU,gBAAV,aAqEA,GACQC,OAAQ,CACNC,EAAG,CACDC,MAAO,CACLC,KAAM,CACJC,KAAM,GACNC,OAAQ,OAIdC,EAAG,CACDC,aAAa,IAIjBC,QAAS,CACPC,MAAO,CACLC,SAAS,EACTC,KAAM,sBACNR,KAAM,CACJC,KAAM,GACNQ,WAAY,IAIhBC,SAAU,CACRH,SAAS,EACTC,KAAMlC,EAAGlB,iBACT4C,KAAM,CACJC,KAAM,IAERU,QAAS,CACPC,OAAQ,IAIZC,OAAQ,CACNlB,OAAQ,CACNmB,SAAU,MAMhBpB,YAAaA,GAGrB,0CACM1F,KAAKiD,OAAO8D,KAAKC,IAUnBC,WAvTJ,WAwTM,IAAN,OAEM3C,EAAGrB,OAAOiE,SAAQ,SAAxB,GACQF,EAAMG,UACNH,EAAQ,QAUVI,YAAW,WACT9C,EAAGiB,qBAEX,OAIE8B,QAlYF,WAmYI,IAAJ,OAEI/C,EAAGgD,IAAI5G,GAAG6G,OAAQ,SAAUjD,EAAG2C,YAE/B3C,EAAG7D,QAAU+G,EAAjB,gBACIlD,EAAG7D,QAAQgH,QAAQ,CACjBzG,SAAU,EACV0G,eAAgB,0BAIlBpD,EAAGlB,iBAAmBoE,EAA1B,OACIlD,EAAGD,WACHC,EAAGpD,YAAcsG,EAArB,QAGEG,cAnZF,WAoZI3H,KAAKsH,IAAIM,IAAIL,OAAQ,SAAUvH,KAAKiH,cCtnBwT,I,wBCQ5VY,EAAY,eACd,EACA/H,EACA6C,GACA,EACA,KACA,WACA,MAIa,aAAAkF,E,6CCnBf,yBAAqf,EAAG,G","file":"js/lms3040.3f8b774c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"lms3040-container\"},[_c('div',{staticClass:\"lms3040 white border-main shadow-dark\"},[_c('Ul',{staticClass:\"crumbs text-charcoal mb-2\"},[_c('li',[_c('sym-link',{attrs:{\"to\":\"/\"}},[_vm._v(\"Home\")])],1),_c('li',[_c('span',{attrs:{\"aria-current\":\"page\"}},[_vm._v(\"Regional Performance\")])])]),_c('sym-card',{staticClass:\"lams\",attrs:{\"headerClass\":\"p-1 pl-2\"}},[_c('div',{staticClass:\"reg-stat justify-between align-items-center\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('p',{staticClass:\"reg-stat-title serif bold\"},[_vm._v(\"Regional Statistics\")]),_c('div',{staticClass:\"control-container text-charcoal\"},[_c('sym-combo',{attrs:{\"input-width\":50,\"display-field\":\"regionFullName\",\"datasource\":_vm.regions},on:{\"changed\":_vm.onRegionIdChanged},model:{value:(_vm.regionId),callback:function ($$v) {_vm.regionId=$$v},expression:\"regionId\"}}),_c('sym-combo',{staticClass:\"year-control\",attrs:{\"caption\":\"Year\",\"caption-width\":14,\"input-width\":48,\"display-field\":\"yearId\",\"datasource\":_vm.detailYears},on:{\"changed\":_vm.onYearIdChanged},model:{value:(_vm.yearId),callback:function ($$v) {_vm.yearId=$$v},expression:\"yearId\"}})],1)])]),_c('sym-tabs',{attrs:{\"id\":\"tabs\"},on:{\"changed\":_vm.onActiveTabIndexChanged},model:{value:(_vm.activeTabIndex),callback:function ($$v) {_vm.activeTabIndex=$$v},expression:\"activeTabIndex\"}},[_c('sym-tab',{attrs:{\"title\":\" IVAS\",\"icon\":\"cube\"}},[_c('div',{staticClass:\"table-scroll-wrapper\"},[_c('sym-card',{staticClass:\"lams-light mb-2 border-main\",attrs:{\"bodyClass\":\"p-2\"}},[_c('p',{staticClass:\"reg-summary-title serif bold text-charcoal\"},[_vm._v(\"\\n              Summary ● All Regions\\n            \")])]),_c('div',{staticClass:\"chart-container mb-3\"},[_c('div',{staticClass:\"w-100 pos-relative border-main\"},[_c('canvas',{staticClass:\"p-2\",attrs:{\"id\":\"all-regions-chart\"}})]),_c('span',{staticClass:\"national-header text-center \"},[_vm._v(_vm._s(_vm.yearId)+\" NATIONAL PERFORMANCE EFFICIENCY\")]),_c('table',{staticClass:\"sm-2 scroll-table-national-perfomance\"},[_c('thead',[_c('tr',{staticClass:\"whitesmoke text-center\"},[_c('th',{staticClass:\"w-30\"},[_vm._v(\"Region\")]),_c('th',{staticClass:\"w-30\"},[_vm._v(\"Target\")]),_c('th',{staticClass:\"w-30\"},[_vm._v(\"Submitted\")]),_c('th',{staticClass:\"w-30\"},[_vm._v(\"Approved\")]),_c('th',{staticClass:\"w-30\"},[_vm._v(\"Rejected\")]),_c('th',{staticClass:\"w-30\"},[_vm._v(\"In-Process\")]),_c('th',{staticClass:\"w-30\"},[_vm._v(\"Residual\")]),_c('th',{staticClass:\"w-30\"},[_vm._v(\"Target\")]),_c('th',{staticClass:\"w-30\"},[_vm._v(\"Actual\")])])]),_c('tbody',[_vm._l((_vm.allregion),function(app,index){return _c('tr',{key:index},[_c('td',{staticClass:\"w-40\"},[_vm._v(_vm._s(app.boardCode))]),_c('td',{staticClass:\"w-40\"},[_vm._v(\"\\n                    \"+_vm._s(Number(app.targetCount).toLocaleString())+\"\\n                  \")]),_c('td',{staticClass:\"w-40\"},[_vm._v(\"\\n                    \"+_vm._s(Number(app.submittedCount).toLocaleString())+\"\\n                  \")]),_c('td',{staticClass:\"w-40\"},[_vm._v(\"\\n                    \"+_vm._s(Number(app.approvedCount).toLocaleString())+\"\\n                  \")]),_c('td',{staticClass:\"w-40\"},[_vm._v(\"\\n                    \"+_vm._s(Number(app.rejectedCount).toLocaleString())+\"\\n                  \")]),_c('td',{staticClass:\"w-40\"},[_vm._v(\"\\n                    \"+_vm._s(Number(app.inProcessCurrentCount).toLocaleString())+\"\\n                  \")]),_c('td',{staticClass:\"w-40\"},[_vm._v(\"\\n                    \"+_vm._s(Number(app.residualCount).toLocaleString())+\"\\n                  \")]),_c('td',{staticClass:\"w-40\"},[_vm._v(\"\\n                    \"+_vm._s(Number(app.targetPercentage).toLocaleString() + \"%\")+\"\\n                  \")]),_c('td',{staticClass:\"w-40\"},[_vm._v(\"\\n                    \"+_vm._s(Number(app.actualPercentage).toLocaleString() + \"%\")+\"\\n                  \")])])}),_vm._l((_vm.allRegionSummary),function(summary,indexA){return _c('tr',{key:indexA},[_c('td',{staticClass:\"bold text-left\"},[_vm._v(\"Total\")]),_c('td',{staticClass:\"w-40\"},[_vm._v(\"\\n                    \"+_vm._s(Number(summary.targetCount).toLocaleString())+\"\\n                  \")]),_c('td',{staticClass:\"w-40\"},[_vm._v(\"\\n                    \"+_vm._s(Number(summary.submittedCount).toLocaleString())+\"\\n                  \")]),_c('td',{staticClass:\"w-40\"},[_vm._v(\"\\n                    \"+_vm._s(Number(summary.approvedCount).toLocaleString())+\"\\n                  \")]),_c('td',{staticClass:\"w-40\"},[_vm._v(\"\\n                    \"+_vm._s(Number(summary.rejectedCount).toLocaleString())+\"\\n                  \")]),_c('td',{staticClass:\"w-40\"},[_vm._v(\"\\n                    \"+_vm._s(Number(summary.inProcessCurrentCount).toLocaleString())+\"\\n                  \")]),_c('td',{staticClass:\"w-40\"},[_vm._v(\"\\n                    \"+_vm._s(Number(summary.residualCount).toLocaleString())+\"\\n                  \")]),_c('td',{staticClass:\"w-40\"},[_vm._v(\"\\n                    \"+_vm._s(summary.targetPercentage + \"%\")+\"\\n                  \")]),_c('td',{staticClass:\"w-40\"},[_vm._v(\"\\n                    \"+_vm._s(Number(summary.actualPercentage).toLocaleString() + \"%\")+\"\\n                  \")])])})],2)])])],1)])],1),_c('button',{staticClass:\"primary text-center w-100 lg-1 shadow mt-2 mb-2\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.goBack()}}},[_c('i',{staticClass:\"fa fa-arrow-left mr-2\"}),_vm._v(\" Back\\n    \")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// Regional Performance\r\n\r\n<template>\r\n  <section class=\"lms3040-container\">\r\n    <div class=\"lms3040 white border-main shadow-dark\">\r\n      <Ul class=\"crumbs text-charcoal mb-2\">\r\n        <li><sym-link to=\"/\">Home</sym-link></li>\r\n        <li><span aria-current=\"page\">Regional Performance</span></li>\r\n      </Ul>\r\n      <sym-card class=\"lams\" headerClass=\"p-1 pl-2\">\r\n        <div slot=\"header\" class=\"reg-stat justify-between align-items-center\">\r\n          <p class=\"reg-stat-title serif bold\">Regional Statistics</p>\r\n          <div class=\"control-container text-charcoal\">\r\n            <sym-combo\r\n              v-model=\"regionId\"\r\n              :input-width=\"50\"\r\n              display-field=\"regionFullName\"\r\n              :datasource=\"regions\"\r\n              @changed=\"onRegionIdChanged\"\r\n            ></sym-combo>\r\n            <sym-combo\r\n              v-model=\"yearId\"\r\n              caption=\"Year\"\r\n              :caption-width=\"14\"\r\n              :input-width=\"48\"\r\n              display-field=\"yearId\"\r\n              :datasource=\"detailYears\"\r\n              @changed=\"onYearIdChanged\"\r\n              class=\"year-control\"\r\n            ></sym-combo>\r\n          </div>\r\n        </div>\r\n      </sym-card>\r\n\r\n      <sym-tabs\r\n        id=\"tabs\"\r\n        v-model=\"activeTabIndex\"\r\n        @changed=\"onActiveTabIndexChanged\"\r\n      >\r\n        <sym-tab title=\" IVAS\" icon=\"cube\">\r\n          <div class=\"table-scroll-wrapper\">\r\n            <sym-card class=\"lams-light mb-2 border-main\" bodyClass=\"p-2\">\r\n              <p class=\"reg-summary-title serif bold text-charcoal\">\r\n                Summary ● All Regions\r\n              </p>\r\n            </sym-card>\r\n\r\n            <div class=\"chart-container mb-3\">\r\n              <div class=\"w-100 pos-relative border-main\">\r\n                <canvas id=\"all-regions-chart\" class=\"p-2\"></canvas>\r\n              </div>\r\n\r\n              <span class=\"national-header text-center \"\r\n                >{{ yearId }} NATIONAL PERFORMANCE EFFICIENCY</span\r\n              >\r\n\r\n              <table class=\"sm-2 scroll-table-national-perfomance\">\r\n                <thead>\r\n                  <tr class=\"whitesmoke text-center\">\r\n                    <th class=\"w-30\">Region</th>\r\n                    <!-- <th class=\"w-30\">Transaction</th> -->\r\n                    <th class=\"w-30\">Target</th>\r\n                    <th class=\"w-30\">Submitted</th>\r\n                    <th class=\"w-30\">Approved</th>\r\n                    <th class=\"w-30\">Rejected</th>\r\n                    <th class=\"w-30\">In-Process</th>\r\n                    <th class=\"w-30\">Residual</th>\r\n                    <th class=\"w-30\">Target</th>\r\n                    <th class=\"w-30\">Actual</th>\r\n                  </tr>\r\n                </thead>\r\n                <tbody>\r\n                  <tr v-for=\"(app, index) in allregion\" :key=\"index\">\r\n                    <td class=\"w-40\">{{ app.boardCode }}</td>\r\n                    <td class=\"w-40\">\r\n                      {{ Number(app.targetCount).toLocaleString() }}\r\n                    </td>\r\n                    <td class=\"w-40\">\r\n                      {{ Number(app.submittedCount).toLocaleString() }}\r\n                    </td>\r\n                    <td class=\"w-40\">\r\n                      {{ Number(app.approvedCount).toLocaleString() }}\r\n                    </td>\r\n                    <td class=\"w-40\">\r\n                      {{ Number(app.rejectedCount).toLocaleString() }}\r\n                    </td>\r\n                    <td class=\"w-40\">\r\n                      {{ Number(app.inProcessCurrentCount).toLocaleString() }}\r\n                    </td>\r\n                    <td class=\"w-40\">\r\n                      {{ Number(app.residualCount).toLocaleString() }}\r\n                    </td>\r\n                    <td class=\"w-40\">\r\n                      {{ Number(app.targetPercentage).toLocaleString() + \"%\" }}\r\n                    </td>\r\n                    <td class=\"w-40\">\r\n                      {{ Number(app.actualPercentage).toLocaleString() + \"%\" }}\r\n                    </td>\r\n                    <!-- <td class=\"w-40\">\r\n                      {{ Number(app.totalCount).toLocaleString() }}\r\n                    </td>\r\n                    <td class=\"w-30\">Total</td> -->\r\n                  </tr>\r\n\r\n                  <tr\r\n                    v-for=\"(summary, indexA) in allRegionSummary\"\r\n                    :key=\"indexA\"\r\n                  >\r\n                    <td class=\"bold text-left\">Total</td>\r\n                    <td class=\"w-40\">\r\n                      {{ Number(summary.targetCount).toLocaleString() }}\r\n                    </td>\r\n                    <td class=\"w-40\">\r\n                      {{ Number(summary.submittedCount).toLocaleString() }}\r\n                    </td>\r\n                    <td class=\"w-40\">\r\n                      {{ Number(summary.approvedCount).toLocaleString() }}\r\n                    </td>\r\n                    <td class=\"w-40\">\r\n                      {{ Number(summary.rejectedCount).toLocaleString() }}\r\n                    </td>\r\n                    <td class=\"w-40\">\r\n                      {{\r\n                        Number(summary.inProcessCurrentCount).toLocaleString()\r\n                      }}\r\n                    </td>\r\n                    <td class=\"w-40\">\r\n                      {{ Number(summary.residualCount).toLocaleString() }}\r\n                    </td>\r\n                    <td class=\"w-40\">\r\n                      {{ summary.targetPercentage + \"%\" }}\r\n                    </td>\r\n                    <td class=\"w-40\">\r\n                      {{\r\n                        Number(summary.actualPercentage).toLocaleString() + \"%\"\r\n                      }}\r\n                    </td>\r\n                    <!-- <td class=\"w-40\">{{ summary.totalCount }}</td> -->\r\n                  </tr>\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n          </div>\r\n        </sym-tab>\r\n        <!-- <sym-tab title=\" PLA\" icon=\"copy\">\r\n          <div class=\"table-scroll-wrapper\">\r\n            <sym-card class=\"lams-light mb-2 border-main\" bodyClass=\"p-2\">\r\n              <p class=\"reg-summary-title serif bold text-charcoal\">\r\n                Summary ● All PLA\r\n              </p>\r\n            </sym-card>\r\n\r\n            <div class=\"chart-container mb-3\">\r\n              <div class=\"w-100 pos-relative border-main\">\r\n                <canvas id=\"all-regions-pla-chart\" class=\"p-2\"></canvas>\r\n              </div>\r\n\r\n              <div class=\"w-100 pos-relative border-main\"> WAG GAGAMITIN\r\n                <canvas id=\"visits-chart\" class=\"p-2\"></canvas>\r\n              </div>\r\n\r\n              <span class=\"national-header text-center \">\r\n                {{ yearId }} NATIONAL PERFORMANCE EFFICIENCY</span\r\n              >\r\n\r\n              <table class=\" scroll-table-national-perfomance \">\r\n                <thead>\r\n                  <tr class=\"whitesmoke text-center\">\r\n                    <th class=\"\">Region</th>\r\n                    <th class=\"w-30\">Transaction</th>\r\n                    <th class=\"w-30\">Target</th>\r\n                    <th class=\"\">Submitted</th>\r\n                    <th class=\"\">Approved</th>\r\n                    <th class=\"w-30\">Rejected</th>\r\n                    <th class=\"w-30\">In-Process</th>\r\n                    <th class=\"w-30\">Residual</th>\r\n\r\n                    <th class=\"w-30\">Target</th>\r\n                    <th class=\"w-30\">Actual</th>\r\n                  </tr>\r\n                </thead>\r\n                <tbody>\r\n                  <tr v-for=\"(app, index) in allregion\" :key=\"index\">\r\n                    <td class=\"w-10\">{{ app.boardCode }}</td>\r\n                    <td class=\"w-40\">{{ app.targetCount }}</td>\r\n                    <td class=\"w-10\">\r\n                      {{ Number(app.submittedCount).toLocaleString() }}\r\n                    </td>\r\n                    <td class=\"w-10\">\r\n                      {{ Number(app.approvedCount).toLocaleString() }}\r\n                    </td>\r\n                  </tr>\r\n                </tbody>\r\n              </table>\r\n\r\n              <div class=\"w-100 pos-relative border-main\"> WAG GAGAMITN\r\n                <canvas id=\"national-performance\" class=\"p-2\"></canvas>\r\n              </div>\r\n              <div class=\"w-100 pos-relative border-main\"> WAG GAGAMITIN\r\n                <canvas id=\"visits-chart\" class=\"p-2\"></canvas>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </sym-tab> -->\r\n      </sym-tabs>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"primary text-center w-100 lg-1 shadow mt-2 mb-2\"\r\n        @click=\"goBack()\"\r\n      >\r\n        <i class=\"fa fa-arrow-left mr-2\"></i> Back\r\n      </button>\r\n    </div>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport { get } from \"../../js/http\";\r\n\r\nimport * as lams from \"../../js/lams\";\r\n\r\nimport { drawBarChart } from \"../../js/graph\"; //drawLineChart\r\n\r\nimport PageBase from \"../PageBase.vue\";\r\n\r\nexport default {\r\n  extends: PageBase,\r\n  name: \"lms3040\",\r\n\r\n  data() {\r\n    return {\r\n      regionId: 0,\r\n      regions: [],\r\n      regionsPla: [],\r\n      charts: [],\r\n      chartsPla: [],\r\n      allregion: [],\r\n      summaryDateRange: \"\",\r\n      yearId: this.core.getCurrentYear(),\r\n      detailYears: [],\r\n      offices: [],\r\n      submittedCounts: [],\r\n      approvedCounts: [],\r\n      pendingCounts: [],\r\n      rejectedCounts: [],\r\n      cancelledCounts: [],\r\n      residualCounts: [],\r\n      inProcessCounts: [],\r\n      activeTabIndex: 0,\r\n      visitDates: [],\r\n      visitCounts: [],\r\n      allRegionSummary: [],\r\n      submittedPlaCounts: [],\r\n      approvedPlaCounts: [],\r\n\r\n      // ivas: {\r\n      //   Total: {\r\n      //     submittedTotals: 0,\r\n      //     rejectedTotals: 0,\r\n      //     approvedTotals: 0,\r\n      //     pendingTotals: 0,\r\n\r\n      //     inProcessTotals: 0,\r\n      //   },\r\n      // },\r\n    };\r\n  },\r\n\r\n  // computed: {\r\n  //   isCurrentYear() {\r\n  //     //  return true;\r\n  //     console.log(this.yearId);\r\n\r\n  //     console.log(me.core.getCurrentYear());\r\n  //     return this.yearId === me.core.getCurrentYear();\r\n  //   },\r\n  // },\r\n\r\n  methods: {\r\n    loadData() {\r\n      const me = this,\r\n        wait = me.wait();\r\n\r\n      me.getStats().then(\r\n        (data) => {\r\n          me.stopWait(wait);\r\n\r\n          if (this.core.getCurrentYear() === me.yearId) {\r\n            me.summaryDateRange = lams.getCurrentYearCoverage();\r\n          } else {\r\n            me.summaryDateRange = \"Year \" + me.yearId;\r\n          }\r\n\r\n          // me.loadData();\r\n          // me.detailYears = lams.getYearsDatasource();\r\n\r\n          // regional summary\r\n          // me.allregion = data.stats.map;\r\n          // me.summaryYears = data.map((o) => o.yearId);\r\n          me.offices = data.stats.map((o) => o.boardCode);\r\n          me.submittedCounts = data.stats.map((o) => o.submittedCount);\r\n          me.approvedCounts = data.stats.map((o) => o.approvedCount);\r\n          me.rejectedCounts = data.stats.map((o) => o.rejectedCount);\r\n          me.pendingCounts = data.stats.map((o) => o.pendingCount);\r\n          me.cancelledCounts = data.stats.map((o) => o.cancelledCount);\r\n          me.residualCounts = data.stats.map((o) => o.residualCount);\r\n          me.inProcessCounts = data.stats.map((o) => o.inProcessCurrentCount);\r\n          // me.inProcessCounts = data.stats.map((o) => o.inProcessCount);\r\n\r\n          // me.targetCounts = data.stats.map.()\r\n\r\n          // // site visits\r\n          // me.visitDates = data.visits.map((o) => {\r\n          //   return me.core.toDateFormat(o.visitDate, true, \"dd MMM\");\r\n          // });\r\n          // me.visitCounts = data.visits.map((o) => o.visitCount);\r\n          // eslint-disable-next-line\r\n          // me.drawCharts();\r\n\r\n          me.allregion = data.stats;\r\n          // console.log(me.offices);\r\n          //JYL\r\n          me.getRegionalStatsPla().then((data) => {\r\n            if (data) {\r\n              me.offices = data.map((o) => o.boardCode);\r\n              me.submittedPlaCounts = data.map((o) => o.submittedCount);\r\n              me.approvedPlaCounts = data.map((o) => o.approvedCount);\r\n              me.regionsPla = data;\r\n            }\r\n          });\r\n          //JENON\r\n          me.getRegionalSummaryStats().then((summary) => {\r\n            if (summary) {\r\n              me.allRegionSummary = summary;\r\n            }\r\n          });\r\n\r\n          //JYL\r\n          me.drawCharts();\r\n        },\r\n\r\n        (fault) => {\r\n          me.stopWait(wait);\r\n          me.showFault(fault);\r\n        }\r\n      );\r\n    },\r\n    getTargetPath() {\r\n      return {\r\n        name: this.$options.name,\r\n        query: {\r\n          activeTab: this.activeTabIndex,\r\n        },\r\n      };\r\n    },\r\n    syncValues(p, q) {\r\n      const me = this;\r\n\r\n      if (\"activeTab\" in q) {\r\n        let index = parseInt(q.activeTab);\r\n        if (!isNaN(index)) {\r\n          me.activeTabIndex = index;\r\n        }\r\n      }\r\n    },\r\n\r\n    // API calls\r\n\r\n    getStats() {\r\n      const me = this,\r\n        wait = me.wait();\r\n\r\n      let data = {};\r\n\r\n      return me\r\n        .getRegionaalStats()\r\n        .then((stats) => {\r\n          data.stats = stats;\r\n          return me.getVisitStats();\r\n        })\r\n        .then((visits) => {\r\n          me.stopWait(wait);\r\n          data.visits = visits;\r\n          return data;\r\n        })\r\n        .catch((fault) => {\r\n          me.stopWait(wait);\r\n          me.showFault(fault);\r\n        });\r\n    },\r\n\r\n    getRegionaalStats() {\r\n      return get(\"api/stats/regions/year/\" + this.yearId);\r\n    },\r\n\r\n    getRegionalSummaryStats() {\r\n      return get(\"api/stats/regions/summary-year/\" + this.yearId);\r\n    },\r\n\r\n    getRegionalStatsPla() {\r\n      return get(\"api/stats/regions-pla/year/\" + this.yearId);\r\n    },\r\n\r\n    getVisitStats() {\r\n      return get(\"api/stats/visit\");\r\n    },\r\n\r\n    // event handlers\r\n\r\n    onRegionIdChanged(regionId) {\r\n      let route = {\r\n        name: \"lms3010\",\r\n        query: {\r\n          regionId: regionId,\r\n        },\r\n      };\r\n      this.go(route);\r\n    },\r\n    onActiveTabIndexChanged() {\r\n      this.reload();\r\n    },\r\n    //JENON LEE\r\n    onYearIdChanged() {\r\n      // console.log(this.core.getCurrentYear());\r\n      this.loadData(); //this.reload();\r\n      // console.log(this.loadData());\r\n    },\r\n\r\n    // helpers\r\n\r\n    drawSummaryChart() {\r\n      const me = this;\r\n\r\n      const mq = window.matchMedia(\"(max-width: 600px)\");\r\n      let aspectRatio = 2.5;\r\n      if (mq.matches) {\r\n        aspectRatio = 1;\r\n      }\r\n      let chartData = {\r\n        labels: me.offices,\r\n\r\n        datasets: [\r\n          {\r\n            label: \"Submitted\",\r\n            data: me.submittedCounts,\r\n            backgroundColor: \"#fbbe0b\", //\"#3cba9f\",\r\n          },\r\n\r\n          {\r\n            label: \"Approved\",\r\n            data: me.approvedCounts,\r\n            backgroundColor: \"#507cc4\",\r\n          },\r\n\r\n          {\r\n            label: \"Rejected\",\r\n            data: me.rejectedCounts,\r\n            backgroundColor: \"#c45850\",\r\n          },\r\n          {\r\n            label: \"In-Process\",\r\n            data: me.inProcessCounts,\r\n            backgroundColor: \"#5A9367\",\r\n          },\r\n        ],\r\n      };\r\n\r\n      // let chartData = {\r\n      //   labels: me.offices,\r\n\r\n      // datasets: [\r\n      //   {\r\n      //     label: \"Submitted\",\r\n      //     data: me.submittedCounts,\r\n      //     backgroundColor: \"#fbbe0b\", //\"#3cba9f\",\r\n      //   },\r\n\r\n      //   {\r\n      //     label: \"Approved\",\r\n      //     data: me.approvedCounts,\r\n      //     backgroundColor: \"#507cc4\",\r\n      //   },\r\n\r\n      // {\r\n      //   label: \"Pending\",\r\n      //   data: me.pendingCounts,\r\n      //   backgroundColor: \"#c49d50\",\r\n      // },\r\n\r\n      // {\r\n      //   label: \"Rejected\",\r\n      //   data: me.rejectedCounts,\r\n      //   backgroundColor: \"#c45850\",\r\n      // },\r\n\r\n      // {\r\n      //   label: \"In-Process\",\r\n      //   data: me.inProcessCounts,\r\n      //   backgroundColor: \"#5A9367\",\r\n      // },\r\n      // {\r\n      //   label: \"Residual\",\r\n      //   data: me.residualCounts,\r\n      //   backgroundColor: \"violet\", //\"#c45850\",\r\n      // },\r\n      // {\r\n      //   label: \"Cancelled\",\r\n      //   data: me.cancelledCounts,\r\n      //   backgroundColor: \"#c45850\",\r\n      // },\r\n      // ],\r\n      // };\r\n\r\n      // let chartPlaData = {\r\n      //   labels: me.offices,\r\n\r\n      //   datasets: [\r\n      //     {\r\n      //       label: \"Submitted\",\r\n      //       data: me.submittedPlaCounts,\r\n      //       backgroundColor: \"#fbbe0b\", //\"#3cba9f\",\r\n      //     },\r\n\r\n      //     {\r\n      //       label: \"Approved\",\r\n      //       data: me.approvedPlaCounts,\r\n      //       backgroundColor: \"#507cc4\",\r\n      //     },\r\n      //   ],\r\n      // };\r\n\r\n      let options = {\r\n        scales: {\r\n          x: {\r\n            ticks: {\r\n              font: {\r\n                size: 14,\r\n                weight: 700,\r\n              },\r\n            },\r\n          },\r\n          y: {\r\n            beginAtZero: true,\r\n          },\r\n        },\r\n\r\n        plugins: {\r\n          title: {\r\n            display: true,\r\n            text: \"Regional Statistics\",\r\n            font: {\r\n              size: 20,\r\n              lineHeight: 1,\r\n            },\r\n          },\r\n\r\n          subtitle: {\r\n            display: true,\r\n            text: me.summaryDateRange,\r\n            font: {\r\n              size: 16,\r\n            },\r\n            padding: {\r\n              bottom: 0,\r\n            },\r\n          },\r\n\r\n          legend: {\r\n            labels: {\r\n              boxWidth: 20,\r\n            },\r\n          },\r\n        },\r\n\r\n        // aspectRatio: 1.4\r\n        aspectRatio: aspectRatio,\r\n      };\r\n\r\n      let chart = drawBarChart(\"all-regions-chart\", chartData, options);\r\n      this.charts.push(chart);\r\n\r\n      // let chartPla = drawBarChart(\r\n      //   \"all-regions-pla-chart\",\r\n      //   chartPlaData,\r\n      //   options\r\n      // );\r\n      // this.charts.push(chartPla);\r\n    },\r\n\r\n    drawCharts() {\r\n      const me = this;\r\n\r\n      me.charts.forEach((chart) => {\r\n        chart.destroy();\r\n        chart = null;\r\n      });\r\n\r\n      // me.chartsPla.forEach((chartPla) => {\r\n      //   chartPla.destroy();\r\n      //   chartPla = null;\r\n      // });\r\n\r\n      // me.drawVisitChart();\r\n\r\n      setTimeout(() => {\r\n        me.drawSummaryChart();\r\n        // me.drawSummaryChart1();\r\n      }, 600);\r\n    },\r\n  },\r\n\r\n  mounted() {\r\n    const me = this;\r\n\r\n    me.dom.on(window, \"resize\", me.drawCharts);\r\n\r\n    me.regions = lams.getRegionList().slice(0);\r\n    me.regions.unshift({\r\n      regionId: 0,\r\n      regionFullName: \"--- Select Region ---\",\r\n    });\r\n    // (\"jenon\");\r\n    // console.log(this.core.getCurrentYear());\r\n    me.summaryDateRange = lams.getCurrentYearCoverage();\r\n    me.loadData();\r\n    me.detailYears = lams.getYearsDatasource();\r\n  },\r\n\r\n  beforeDestroy() {\r\n    this.dom.off(window, \"resize\", this.drawCharts);\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.national-header {\r\n  font-weight: bold;\r\n}\r\n.lms3040-container {\r\n  display: flex;\r\n  justify-content: center;\r\n  padding-top: 1.5rem;\r\n  padding-bottom: 3rem;\r\n}\r\n.year-control {\r\n  margin-left: 0.5rem;\r\n}\r\n\r\n.lms3040 {\r\n  width: 80%;\r\n  padding: 1rem 2rem;\r\n  border-radius: 0.375rem;\r\n}\r\n\r\n.reg-stat-title,\r\n.reg-summary-title {\r\n  font-size: 1.125rem;\r\n  margin-bottom: 0;\r\n  padding-left: 0.125rem;\r\n}\r\n\r\n.reg-stat {\r\n  display: flex;\r\n}\r\n\r\n.reg-stat >>> .form-control {\r\n  margin-bottom: 0;\r\n}\r\n.control-container {\r\n  display: flex;\r\n}\r\n.chart-container {\r\n  display: grid;\r\n  /* grid-template-columns: 1fr 1fr; */\r\n  gap: 0.5rem;\r\n  /* grid-auto-flow: dense; */\r\n}\r\n/* .scroll-table-national-perfomance-1 {\r\n    width: 50%;\r\n} */\r\n\r\n@media (max-width: 1024px) {\r\n  .lms3040 {\r\n    width: 90%;\r\n    padding: 2rem;\r\n  }\r\n  .scroll-table-national-perfomance {\r\n    overflow-x: auto;\r\n    white-space: nowrap;\r\n  }\r\n  .national-header {\r\n    text-align: center;\r\n    /* font-weight: bold; */\r\n  }\r\n}\r\n\r\n@media (max-width: 800px) {\r\n  .chart-container {\r\n    display: block;\r\n  }\r\n  .scroll-table-national-perfomance {\r\n    display: block;\r\n  }\r\n  .national-header {\r\n    text-align: center;\r\n    /* font-weight: bold; */\r\n  }\r\n  .control-container {\r\n    margin-bottom: 0.25rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .lms3040-container {\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n  }\r\n  .scroll-table-national-perfomance {\r\n    display: block;\r\n  }\r\n\r\n  .lms3040 {\r\n    width: 100%;\r\n    padding: 1rem;\r\n    border-radius: 0;\r\n  }\r\n\r\n  .reg-stat {\r\n    display: block;\r\n  }\r\n\r\n  .reg-stat-title,\r\n  .reg-summary-title {\r\n    font-size: 1rem;\r\n  }\r\n\r\n  .reg-stat-title {\r\n    margin-top: 0.25rem;\r\n    margin-bottom: 0.25rem;\r\n  }\r\n  .national-header {\r\n    text-align: center;\r\n    /* font-weight: bold; */\r\n  }\r\n\r\n  .control-container {\r\n    display: block;\r\n    margin-bottom: 0;\r\n  }\r\n  .year-control {\r\n    margin-left: 0;\r\n  }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n  .lms3000 {\r\n    padding: 0.5rem;\r\n  }\r\n  .national-header {\r\n    text-align: center;\r\n    /* font-weight: bold; */\r\n  }\r\n}\r\n</style>\r\n","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!./LMS3040.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!./LMS3040.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LMS3040.vue?vue&type=template&id=1696ae68&scoped=true&\"\nimport script from \"./LMS3040.vue?vue&type=script&lang=js&\"\nexport * from \"./LMS3040.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LMS3040.vue?vue&type=style&index=0&id=1696ae68&scoped=true&lang=css&\"\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  \"1696ae68\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LMS3040.vue?vue&type=style&index=0&id=1696ae68&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LMS3040.vue?vue&type=style&index=0&id=1696ae68&scoped=true&lang=css&\""],"sourceRoot":""}