{"version":3,"sources":["webpack:///./src/page/lms/LMS3010.vue?2417","webpack:///./src/page/lms/LMS3010.vue?2835","webpack:///src/page/lms/LMS3010.vue","webpack:///./src/page/lms/LMS3010.vue?61b1","webpack:///./src/page/lms/LMS3010.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","slot","regions","on","onRegionIdChanged","model","value","callback","$$v","regionId","expression","_m","detailYears","onYearIdChanged","yearId","goDetails","key","getImagePath","_e","$event","goBack","staticRenderFns","extends","PageBase","name","data","regionName","charts","core","getCurrentYear","summaryYears","submittedCounts","approvedCounts","pendingCounts","cancelledCounts","rejectedCounts","methods","getTargetPath","me","q","$options","query","syncValues","parseInt","region","regionFullName","loadData","getAnnualStats","then","reload","go","route","drawSummaryChart","labels","datasets","scales","y","beginAtZero","plugins","title","display","text","font","size","lineHeight","padding","top","legend","boxWidth","aspectRatio","push","chart","drawCharts","forEach","destroy","mounted","dom","window","lams","params","beforeDestroy","off","beforeRouteUpdate","to","next","Object","keys","from","length","component"],"mappings":"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","file":"js/lms3010.d22a447f.js","sourcesContent":["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!./LMS3010.vue?vue&type=style&index=0&id=6268f7d5&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!./LMS3010.vue?vue&type=style&index=0&id=6268f7d5&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"lms3010-container\"},[_c('div',{staticClass:\"lms3010 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('sym-link',{attrs:{\"to\":\"/regional-performance\"}},[_vm._v(\"Regional Performance\")])],1),_c('li',[_c('span',{attrs:{\"aria-current\":\"page\"}},[_vm._v(\"Stats\")])])]),_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('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\"}})],1)]),_c('div',{staticClass:\"chart-container mb-3\"},[_vm._m(0),_c('sym-card',{staticClass:\"lams-light mb-0 curved-top-0 border-main\",attrs:{\"headerClass\":\"p-1 pl-2\",\"bodyClass\":\"p-1\"}},[_c('div',{staticClass:\"reg-stat-analytics justify-between align-items-center\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('p',{staticClass:\"reg-analytics-title serif bold text-charcoal\"},[_vm._v(\"\\n            Analytics\\n          \")]),_c('sym-combo',{attrs:{\"caption\":\"Year\",\"caption-width\":14,\"input-width\":30,\"display-field\":\"yearId\",\"datasource\":_vm.detailYears},on:{\"changed\":_vm.onYearIdChanged},model:{value:(_vm.yearId),callback:function ($$v) {_vm.yearId=$$v},expression:\"yearId\"}})],1),_c('div',{staticClass:\"p-2\",attrs:{\"slot\":\"subheader\"},slot:\"subheader\"},[_c('button',{staticClass:\"warning darken-5 lg-1 w-100 mb-2 shadow-dark\",on:{\"click\":_vm.goDetails}},[_c('span',[_c('i',{staticClass:\"fa fa-search fa-lg mr-1\"}),_vm._v(\" View Details \")]),_c('i',{staticClass:\"fa fa-chevron-right\"})])]),_c('div',{staticClass:\"d-flex justify-center\"},[_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.regionId)?_c('img',{key:_vm.regionId,staticClass:\"region-map pos-absolute w-65 d-block fade-in curved-2\",attrs:{\"src\":_vm.getImagePath(),\"alt\":\"Region map\",\"title\":\"View detailed statistics for this region\"},on:{\"click\":_vm.goDetails}}):_vm._e()])],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 = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-100 pos-relative border-main\"},[_c('canvas',{staticClass:\"p-2\",attrs:{\"id\":\"annual-summary-chart\"}})])}]\n\nexport { render, staticRenderFns }","// Regional Stats\r\n\r\n<template>\r\n  <section class=\"lms3010-container\">\r\n    <div class=\"lms3010 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>\r\n          <sym-link to=\"/regional-performance\">Regional Performance</sym-link>\r\n        </li>\r\n        <li><span aria-current=\"page\">Stats</span></li>\r\n      </Ul>\r\n\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          <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        </div>\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=\"annual-summary-chart\" class=\"p-2\"></canvas>\r\n        </div>\r\n\r\n        <sym-card\r\n          class=\"lams-light mb-0 curved-top-0 border-main\"\r\n          headerClass=\"p-1 pl-2\"\r\n          bodyClass=\"p-1\"\r\n        >\r\n          <div\r\n            slot=\"header\"\r\n            class=\"reg-stat-analytics justify-between align-items-center\"\r\n          >\r\n            <p class=\"reg-analytics-title serif bold text-charcoal\">\r\n              Analytics\r\n            </p>\r\n            <sym-combo\r\n              v-model=\"yearId\"\r\n              caption=\"Year\"\r\n              :caption-width=\"14\"\r\n              :input-width=\"30\"\r\n              display-field=\"yearId\"\r\n              :datasource=\"detailYears\"\r\n              @changed=\"onYearIdChanged\"\r\n            ></sym-combo>\r\n          </div>\r\n\r\n          <div slot=\"subheader\" class=\"p-2\">\r\n            <button\r\n              class=\"warning darken-5 lg-1 w-100 mb-2 shadow-dark\"\r\n              @click=\"goDetails\"\r\n            >\r\n              <span><i class=\"fa fa-search fa-lg mr-1\"></i> View Details </span\r\n              ><i class=\"fa fa-chevron-right\"></i>\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"d-flex justify-center\">\r\n            <transition name=\"fade\">\r\n              <img\r\n                :src=\"getImagePath()\"\r\n                :key=\"regionId\"\r\n                alt=\"Region map\"\r\n                class=\"region-map pos-absolute w-65 d-block fade-in curved-2\"\r\n                @click=\"goDetails\"\r\n                v-if=\"regionId\"\r\n                title=\"View detailed statistics for this region\"\r\n              />\r\n            </transition>\r\n          </div>\r\n        </sym-card>\r\n      </div>\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 { drawLineChart } from \"../../js/graph\";\r\n\r\nimport PageBase from \"../PageBase.vue\";\r\n\r\nexport default {\r\n  extends: PageBase,\r\n  name: \"lms3010\",\r\n\r\n  data() {\r\n    return {\r\n      regionId: 0,\r\n      regionName: \"Unknown\",\r\n      regions: [],\r\n      charts: [],\r\n\r\n      yearId: this.core.getCurrentYear(),\r\n      detailYears: [],\r\n\r\n      summaryYears: [],\r\n      submittedCounts: [],\r\n      approvedCounts: [],\r\n      pendingCounts: [],\r\n      cancelledCounts: [],\r\n      rejectedCounts: [],\r\n    };\r\n  },\r\n\r\n  methods: {\r\n    getTargetPath() {\r\n      const me = this,\r\n        q = {};\r\n\r\n      if (me.regionId) {\r\n        q.regionId = me.regionId;\r\n      }\r\n\r\n      return {\r\n        name: me.$options.name,\r\n        query: q,\r\n      };\r\n    },\r\n\r\n    syncValues(p, q) {\r\n      const me = this;\r\n\r\n      me.regionName = \"Unknown\";\r\n\r\n      if (\"regionId\" in q) {\r\n        me.regionId = parseInt(q.regionId);\r\n        let region = me.regions.find((obj) => obj.regionId === me.regionId);\r\n        if (region) {\r\n          me.regionName = region.regionFullName;\r\n        }\r\n      } else {\r\n        me.regionId = 0;\r\n      }\r\n    },\r\n\r\n    loadData() {\r\n      const me = this;\r\n\r\n      me.getAnnualStats().then(\r\n        (data) => {\r\n          // annual summary\r\n          me.summaryYears = data.map((o) => o.yearId);\r\n          me.submittedCounts = data.map((o) => o.submittedCount);\r\n          me.approvedCounts = data.map((o) => o.approvedCount);\r\n          me.rejectedCounts = data.map((o) => o.rejectedCount);\r\n          me.pendingCounts = data.map((o) => o.pendingCount);\r\n          me.cancelledCounts = data.map((o) => o.cancelledCount);\r\n          me.residualCounts = data.map((o) => o.residualCount);\r\n          me.inProcessCounts = data.map((o) => o.inProcessCurrentCount);\r\n\r\n          me.drawCharts();\r\n        },\r\n        (fault) => {\r\n          me.showFault(fault);\r\n        }\r\n      );\r\n    },\r\n\r\n    // API Calls\r\n\r\n    getAnnualStats() {\r\n      let me = this,\r\n        // query = \"regionId=\" + me.regionId.toString();\r\n        query =\r\n          \"regionId=\" +\r\n          me.regionId.toString() +\r\n          \"&yearId=\" +\r\n          me.yearId.toString();\r\n\r\n      return get(\"api/stats/region-annual?\" + query);\r\n\r\n      // return get(\"api/stats/regions-pla/year/2023?\" + query);\r\n    },\r\n\r\n    // event handlers\r\n\r\n    onRegionIdChanged() {\r\n      this.reload();\r\n    },\r\n\r\n    onYearIdChanged() {\r\n      this.goDetails();\r\n    },\r\n\r\n    // helpers\r\n\r\n    getImagePath() {\r\n      let fileName = \"region-\" + this.regionId + \".jpg\";\r\n      // return `${require(`../../img/fig/${fileName}`)}`;\r\n      // public folder\r\n      return `img/fig/${fileName}`;\r\n    },\r\n\r\n    goDetails() {\r\n      let route = {\r\n        name: \"lms3020\",\r\n        query: {\r\n          regionId: this.regionId,\r\n          yearId: this.yearId,\r\n        },\r\n      };\r\n      this.go(route);\r\n    },\r\n\r\n    drawSummaryChart() {\r\n      const me = this;\r\n\r\n      let chartData = {\r\n        labels: me.summaryYears,\r\n\r\n        datasets: [\r\n          {\r\n            label: \"Submitted\",\r\n            data: me.submittedCounts,\r\n            // backgroundColor: \"#fbbe0b\", //\"#3cba9f\",\r\n            backgroundColor: \"rgb(251, 190, 11 , .4)\",\r\n            borderColor: \"#fbbe0b\",\r\n            borderWidth: 2,\r\n            //  pointBackgroundColor: '#28a745',\r\n            pointBackgroundColor: \"#fefefe\",\r\n\r\n            fill: true,\r\n            opacity: 0.2,\r\n            tension: 0.6,\r\n          },\r\n\r\n          {\r\n            label: \"Approved\",\r\n            data: me.approvedCounts,\r\n            // backgroundColor: \"#507cc4\",\r\n            backgroundColor: \"rgb(80, 124, 196, .4)\",\r\n            borderColor: \"#507cc4\",\r\n            borderWidth: 2,\r\n            //       // pointBackgroundColor: '#28a745',\r\n            pointBackgroundColor: \"#fefefe\",\r\n            fill: true,\r\n            tension: 0.6,\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            backgroundColor: \"rgb(196, 88, 80, .4)\",\r\n            borderColor: \"#c45850\",\r\n            borderWidth: 2,\r\n            //       // pointBackgroundColor: '#28a745',\r\n            pointBackgroundColor: \"#fefefe\",\r\n            fill: true,\r\n            tension: 0.6,\r\n          },\r\n\r\n          {\r\n            label: \"In-Process\",\r\n            data: me.inProcessCounts,\r\n            // backgroundColor: \"#5A9367\",\r\n            backgroundColor: \"rgb(90, 147, 103, .4)\",\r\n            borderColor: \"#5A9367\",\r\n            borderWidth: 2,\r\n            //       // pointBackgroundColor: '#28a745',\r\n            pointBackgroundColor: \"#fefefe\",\r\n            fill: true,\r\n            tension: 0.6,\r\n          },\r\n\r\n          // {\r\n          //   label: \"Residual\",\r\n          //   data: me.residualCounts,\r\n          //   // backgroundColor: \"violet\", //\"#c45850\",\r\n          //   backgroundColor: \"rgb(127, 0, 255, .4)\",\r\n          //   borderColor: \"7F00FF\",\r\n          //   borderWidth: 2,\r\n          //   //       // pointBackgroundColor: '#28a745',\r\n          //   pointBackgroundColor: \"#fefefe\",\r\n\r\n          //   // fill: true,\r\n          //   tension: 0.6,\r\n          // },\r\n\r\n          // {\r\n          //   label: \"Cancelled\",\r\n          //   data: me.cancelledCounts,\r\n          //   backgroundColor: \"#c45850\",\r\n          // },\r\n        ],\r\n        // let chartData = {\r\n        //   labels: me.summaryYears,\r\n        //   datasets: [\r\n        //     {\r\n        //       label: \"Submitted\",\r\n        //       data: me.submittedCounts,\r\n        //       backgroundColor: \"rgb(60, 186, 159, 0.2)\",\r\n\r\n        //       borderColor: \"#28a745\",\r\n        //       borderWidth: 2,\r\n        //       // pointBackgroundColor: '#28a745',\r\n        //       pointBackgroundColor: \"#fefefe\",\r\n\r\n        //       fill: true,\r\n        //       tension: 0.6,\r\n        //     },\r\n\r\n        //     {\r\n        //       label: \"Approved\",\r\n        //       data: me.approvedCounts,\r\n        //       backgroundColor: \"rgb(31.4, 48.6, 76.9,0.2)\",\r\n\r\n        //       borderColor: \"#507cc4\",\r\n        //       borderWidth: 2,\r\n        //       // pointBackgroundColor: '#28a745',\r\n        //       pointBackgroundColor: \"#fefefe\",\r\n\r\n        //       fill: true,\r\n        //       tension: 0.6,\r\n        //     },\r\n\r\n        //     {\r\n        //       label: \"Pending\",\r\n        //       data: me.pendingCounts,\r\n        //       backgroundColor: \"rgb(76.9, 61.6, 31.4, 0.2)\",\r\n\r\n        //       borderColor: \"#c49d50\",\r\n        //       borderWidth: 2,\r\n        //       // pointBackgroundColor: '#28a745',\r\n        //       pointBackgroundColor: \"#fefefe\",\r\n\r\n        //       fill: true,\r\n        //       tension: 0.6,\r\n        //     },\r\n\r\n        //     // {\r\n        //     //   label: 'Rejected',\r\n        //     //   data: me.rejectedCounts,\r\n        //     //   backgroundColor: 'rgb(776.9, 34.5, 31.4, 0.2)',\r\n\r\n        //     //   borderColor: '#c45850',\r\n        //     //   borderWidth: 2,\r\n        //     //   // pointBackgroundColor: '#28a745',\r\n        //     //   pointBackgroundColor: '#fefefe',\r\n\r\n        //     //   fill: true,\r\n        //     //   tension: 0.6\r\n        //     // }\r\n\r\n        //     {\r\n        //       label: \"Cancelled\",\r\n        //       data: me.cancelledCounts,\r\n        //       backgroundColor: \"rgb(776.9, 34.5, 31.4, 0.2)\",\r\n\r\n        //       borderColor: \"#c45850\",\r\n        //       borderWidth: 2,\r\n        //       // pointBackgroundColor: '#28a745',\r\n        //       pointBackgroundColor: \"#fefefe\",\r\n\r\n        //       fill: true,\r\n        //       tension: 0.6,\r\n        //     },\r\n        //   ],\r\n      };\r\n\r\n      let options = {\r\n        scales: {\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: \" Transaction Status\",\r\n            font: {\r\n              size: 19,\r\n              lineHeight: 1,\r\n            },\r\n            padding: {\r\n              top: 10,\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      };\r\n\r\n      let chart = drawLineChart(\"annual-summary-chart\", chartData, options);\r\n      this.charts.push(chart);\r\n    },\r\n\r\n    drawCharts() {\r\n      this.charts.forEach((chart) => {\r\n        chart.destroy();\r\n        chart = null;\r\n      });\r\n\r\n      this.drawSummaryChart();\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();\r\n    me.detailYears = lams.getYearsDatasource();\r\n\r\n    me.syncValues(me.params, me.query);\r\n    me.loadData();\r\n  },\r\n\r\n  beforeDestroy() {\r\n    this.dom.off(window, \"resize\", this.drawCharts);\r\n  },\r\n\r\n  beforeRouteUpdate(to, from, next) {\r\n    this.syncValues(to.params, to.query);\r\n    next();\r\n\r\n    if (Object.keys(from.query).length) {\r\n      this.loadData();\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.lms3010-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\r\n.lms3010 {\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-analytics-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.reg-stat-analytics {\r\n  display: flex;\r\n}\r\n\r\n.reg-stat >>> .form-control,\r\n.reg-stat-analytics >>> .form-control {\r\n  margin-bottom: 0;\r\n}\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\r\n.region-map:hover {\r\n  cursor: pointer;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .lms3010 {\r\n    width: 90%;\r\n    padding: 2rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 960px) {\r\n  .lms3010-container {\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n  }\r\n\r\n  .lms3010 {\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-analytics-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\r\n  .chart-container {\r\n    display: block;\r\n  }\r\n\r\n  .region-map {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n  .lms3010 {\r\n    padding: 0.5rem;\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!./LMS3010.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!./LMS3010.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LMS3010.vue?vue&type=template&id=6268f7d5&scoped=true&\"\nimport script from \"./LMS3010.vue?vue&type=script&lang=js&\"\nexport * from \"./LMS3010.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LMS3010.vue?vue&type=style&index=0&id=6268f7d5&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  \"6268f7d5\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}