{"version":3,"sources":["webpack:///./src/page/lms/LMS2010.vue?ac15","webpack:///./src/page/lms/LMS2010.vue?ef66","webpack:///src/page/lms/LMS2010.vue","webpack:///./src/page/lms/LMS2010.vue?5108","webpack:///./src/page/lms/LMS2010.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_m","regions","on","onRegionIdChanging","onRegionIdChanged","model","value","callback","$$v","regionId","expression","directives","name","rawName","isRegionListLoaded","length","surveys","_l","survey","index","key","getCardHeaderClass","slot","_s","transactionId","_e","dlsdId","trxStatusDescription","core","toDateDisplayFormat","submitDate","$event","onShowRoutings","requestedLot","requestedLocation","clientName","go","isModalVisible","routings","routing","toDateFormat","createDate","workgroupDescription","userName","action","remarks","staticRenderFns","extends","PageBase","data","surveyorId","methods","getRegions","getLinkStatus","getSubmissions","getRoutings","e","message","regionInfo","apiHostAddress","proposedValue","me","regionIdCallback","preventDefault","then","trxStatusId","created","accountCode","mounted","sym","userInfo","component"],"mappings":"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","file":"js/lms2010.0283a045.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!./LMS2010.vue?vue&type=style&index=0&id=e88d720c&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!./LMS2010.vue?vue&type=style&index=0&id=e88d720c&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lms2010 container whitesmoke curved\"},[_c('div',{staticClass:\"content board whitesmoke\"},[_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\":\"lms1030\"}},[_vm._v(\"Portal\")])],1),_c('li',[_c('span',{attrs:{\"aria-current\":\"page\"}},[_vm._v(\"My Surveys\")])])]),_vm._m(0),_c('div',{staticClass:\"text-center mb-2\"},[_c('sym-combo',{attrs:{\"input-width\":68,\"display-field\":\"regionFullName\",\"datasource\":_vm.regions},on:{\"changing\":_vm.onRegionIdChanging,\"changed\":_vm.onRegionIdChanged},model:{value:(_vm.regionId),callback:function ($$v) {_vm.regionId=$$v},expression:\"regionId\"}})],1),_c('sym-alert',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isRegionListLoaded && _vm.regions.length < 2),expression:\"isRegionListLoaded && regions.length < 2\"}],staticClass:\"danger-light lg-2\",attrs:{\"icon\":\"warning\"}},[_c('p',[_vm._v(\"Your account is not authenticated by any of the LMB Regional Offices. Until then, you cannot monitor the\\r\\n         status of your submitted surveys. Two (2) ways to have yours authenticated:\\r\\n      \")]),_c('ol',[_c('li',{staticClass:\"mb-2\"},[_vm._v(\"Upload your next surveys via this website, Your account is automatically recognized by\\r\\n            the Regional Office after successful submission.\\r\\n        \")]),_c('li',[_vm._v(\"Upload the eSurveyPlan license file(s) issued to you by LMB via the 'Authentication' tab\\r\\n            of the Geodetic Engineer Portal page.\\r\\n        \")])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.surveys.length),expression:\"surveys.length\"}],staticClass:\"surveys border-main curved-1 white\"},_vm._l((_vm.surveys),function(survey,index){return _c('sym-card',{key:index,staticClass:\"honeydew border-main shadow-soft curved-1 mb-2\",attrs:{\"headerClass\":_vm.getCardHeaderClass(survey),\"bodyClass\":\"mintcream\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',{staticClass:\"d-flex justify-between align-items-start mb-1\"},[(survey.transactionId)?_c('p',{staticClass:\"lg-1 mb-0\"},[_vm._v(\"Transaction: \"),_c('span',{staticClass:\"display-9 bold\"},[_vm._v(_vm._s(survey.transactionId))])]):_vm._e(),(!survey.transactionId)?_c('p',{staticClass:\"lg-1 mb-0\"},[_vm._v(\"DLSD: \"),_c('span',{staticClass:\"display-9 bold\"},[_vm._v(_vm._s(survey.dlsdId))])]):_vm._e(),_c('span',{staticClass:\"lg-1 bold mr-1\"},[_vm._v(_vm._s(survey.trxStatusDescription))])]),_c('div',{staticClass:\"header-2 d-flex justify-between align-items-center\"},[_c('span',[_vm._v(_vm._s(_vm.core.toDateDisplayFormat(survey.submitDate)))]),(survey.transactionId)?_c('button',{staticClass:\"info px-3 py-1 sm-2 shadow\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.onShowRoutings(survey.transactionId)}}},[_vm._v(\"Details\")]):_vm._e()])]),_c('ul',{staticClass:\"text-charcoal survey-info\"},[_c('li',{staticClass:\"list-item p-2\"},[_c('p',{staticClass:\"-mt-1 mb-2 bold\"},[_c('span',{staticClass:\"sm-2\"},[_vm._v(\"Requested Lot\")])]),_c('p',{staticClass:\"info-value\"},[_vm._v(_vm._s(survey.requestedLot))])]),_c('li',{staticClass:\"list-item p-2\"},[_c('p',{staticClass:\"-mt-1 mb-2 bold\"},[_c('span',{staticClass:\"sm-2\"},[_vm._v(\"Location\")])]),_c('p',{staticClass:\"info-value\"},[_vm._v(_vm._s(survey.requestedLocation))])]),_c('li',{staticClass:\"list-item p-2\"},[_c('p',{staticClass:\"-mt-1 mb-2 bold\"},[_c('span',{staticClass:\"sm-2\"},[_vm._v(\"Client Name\")])]),_c('p',{staticClass:\"info-value\"},[_vm._v(_vm._s(survey.clientName))])])])])}),1),_c('button',{staticClass:\"primary text-center w-100 lg-1 shadow mt-3 mb-2\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.go('lms1030')}}},[_c('i',{staticClass:\"fa fa-arrow-left mr-2\"}),_vm._v(\" Back to GE Portal \")])],1),(_vm.isModalVisible)?_c('sym-modal',{attrs:{\"size\":\"lg\",\"header\":false,\"customBody\":true,\"footer\":false,\"backdrop\":false},model:{value:(_vm.isModalVisible),callback:function ($$v) {_vm.isModalVisible=$$v},expression:\"isModalVisible\"}},[_c('div',{staticClass:\"p-1 mb-0\"},[_c('div',{staticClass:\"curved border-dark lams-light p-2 text-center\"},[_c('p',{staticClass:\"lams p-2 curved-top mb-0 lg-2\"},[_vm._v(\"Details of Transaction: \"),_c('span',{staticClass:\"bold display-9\"},[_vm._v(_vm._s(_vm.routings[0].transactionId))])]),_c('table',{staticClass:\"mb-2 table-scroll\"},[_c('thead',[_c('tr',{staticClass:\"text-charcoal\"},[_c('th',{staticClass:\"w-15\"},[_vm._v(\"Date / Time\")]),_c('th',{staticClass:\"w-20\"},[_vm._v(\"Workgroup\")]),_c('th',{staticClass:\"w-20\"},[_vm._v(\"Assigned To\")]),_c('th',{staticClass:\"w-10\"},[_vm._v(\"Status\")]),_c('th',{staticClass:\"w-20\"},[_vm._v(\"Task\")]),_c('th',{staticClass:\"w-15\"},[_vm._v(\"Remarks\")])])]),_c('tbody',{staticClass:\"white text-charcoal\"},_vm._l((_vm.routings),function(routing,index){return _c('tr',{key:index},[_c('td',[_vm._v(_vm._s(_vm.core.toDateFormat(routing.createDate, true, 'dd MMM yyyy h:mmtt')))]),_c('td',[_vm._v(_vm._s(routing.workgroupDescription))]),_c('td',[_vm._v(_vm._s(routing.userName))]),_c('td',[_vm._v(_vm._s(routing.trxStatusDescription))]),_c('td',[_vm._v(_vm._s(routing.action))]),_c('td',[_vm._v(_vm._s(routing.remarks))])])}),0)]),_c('button',{staticClass:\"warning w-100 text-center shadow lg-3 p-1 my-2\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){_vm.isModalVisible=false}}},[_vm._v(\"Close\")])])])]):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-title lams curved border-lightgray mb-4\"},[_c('h5',{staticClass:\"serif mb-0\"},[_c('i',{staticClass:\"fa fa-clone fa-lg ml-1 mr-2\"}),_vm._v(\"My Surveys\")])])}]\n\nexport { render, staticRenderFns }","// My Surveys\r\n\r\n<template>\r\n<div class=\"lms2010 container whitesmoke curved\">\r\n\r\n  <div class=\"content board whitesmoke\">\r\n    <Ul class=\"crumbs text-charcoal mb-2\">\r\n      <li><sym-link to=\"/\">Home</sym-link></li>\r\n      <li><sym-link to=\"lms1030\">Portal</sym-link></li>\r\n      <li><span aria-current=\"page\">My Surveys</span></li>\r\n    </Ul>\r\n\r\n    <div class=\"page-title lams curved border-lightgray mb-4\">\r\n      <h5 class=\"serif mb-0\"><i class=\"fa fa-clone fa-lg ml-1 mr-2\"></i>My Surveys</h5>\r\n    </div>\r\n\r\n    <div class=\"text-center mb-2\" >\r\n      <sym-combo v-model=\"regionId\" :input-width=\"68\" display-field=\"regionFullName\" :datasource=\"regions\" @changing=\"onRegionIdChanging\" @changed=\"onRegionIdChanged\"></sym-combo>\r\n    </div>\r\n\r\n    <sym-alert class=\"danger-light lg-2\" icon=\"warning\" v-show=\"isRegionListLoaded && regions.length < 2\">\r\n      <p>Your account is not authenticated by any of the LMB Regional Offices. Until then, you cannot monitor the\r\n         status of your submitted surveys. Two (2) ways to have yours authenticated:\r\n      </p>\r\n      <ol>\r\n        <li class=\"mb-2\">Upload your next surveys via this website, Your account is automatically recognized by\r\n            the Regional Office after successful submission.\r\n        </li>\r\n        <li>Upload the eSurveyPlan license file(s) issued to you by LMB via the 'Authentication' tab\r\n            of the Geodetic Engineer Portal page.\r\n        </li>\r\n      </ol>\r\n    </sym-alert>\r\n\r\n    <div class=\"surveys border-main curved-1 white\" v-show=\"surveys.length\">\r\n      <sym-card v-for=\"(survey, index) in surveys\" :key=\"index\" :headerClass=\"getCardHeaderClass(survey)\" bodyClass=\"mintcream\" class=\"honeydew border-main shadow-soft curved-1 mb-2\">\r\n        <div slot=\"header\">\r\n          <div class=\"d-flex justify-between align-items-start mb-1\">\r\n            <p class=\"lg-1 mb-0\" v-if=\"survey.transactionId\">Transaction: <span class=\"display-9 bold\">{{ survey.transactionId }}</span></p>\r\n            <p class=\"lg-1 mb-0\" v-if=\"!survey.transactionId\">DLSD: <span class=\"display-9 bold\">{{ survey.dlsdId }}</span></p>\r\n            <span class=\"lg-1 bold mr-1\">{{ survey.trxStatusDescription }}</span>\r\n          </div>\r\n\r\n          <div class=\"header-2 d-flex justify-between align-items-center\">\r\n            <span>{{ core.toDateDisplayFormat(survey.submitDate) }}</span>\r\n            <button type=\"button\" class=\"info px-3 py-1 sm-2 shadow\" v-if=\"survey.transactionId\" @click=\"onShowRoutings(survey.transactionId)\">Details</button>\r\n          </div>\r\n        </div>\r\n\r\n         <ul class=\"text-charcoal survey-info\">\r\n          <li class=\"list-item p-2\">\r\n            <p class=\"-mt-1 mb-2 bold\"><span class=\"sm-2\">Requested Lot</span></p>\r\n            <p class=\"info-value\">{{ survey.requestedLot }}</p>\r\n          </li>\r\n          <li class=\"list-item p-2\">\r\n            <p class=\"-mt-1 mb-2 bold\"><span class=\"sm-2\">Location</span></p>\r\n            <p class=\"info-value\">{{ survey.requestedLocation }}</p>\r\n          </li>\r\n          <li class=\"list-item p-2\">\r\n            <p class=\"-mt-1 mb-2 bold\"><span class=\"sm-2\">Client Name</span></p>\r\n            <p class=\"info-value\">{{ survey.clientName }}</p>\r\n          </li>\r\n        </ul>\r\n      </sym-card>\r\n\r\n    </div>\r\n\r\n    <button type=\"button\" class=\"primary text-center w-100 lg-1 shadow mt-3 mb-2\" @click=\"go('lms1030')\"><i class=\"fa fa-arrow-left mr-2\"></i> Back to GE Portal </button>\r\n\r\n  </div>\r\n\r\n  <sym-modal\r\n    v-model=\"isModalVisible\"\r\n    size=\"lg\"\r\n    :header=\"false\"\r\n    :customBody=\"true\"\r\n    :footer=\"false\"\r\n    :backdrop=\"false\"\r\n    v-if=\"isModalVisible\"\r\n  >\r\n    <div class=\"p-1 mb-0\">\r\n      <div class=\"curved border-dark lams-light p-2 text-center\">\r\n        <p class=\"lams p-2 curved-top mb-0 lg-2\">Details of Transaction: <span class=\"bold display-9\">{{ routings[0].transactionId }}</span></p>\r\n\r\n        <table class=\"mb-2 table-scroll\">\r\n          <thead>\r\n            <tr class=\"text-charcoal\">\r\n              <th class=\"w-15\">Date / Time</th>\r\n              <th class=\"w-20\">Workgroup</th>\r\n              <th class=\"w-20\">Assigned To</th>\r\n              <th class=\"w-10\">Status</th>\r\n              <th class=\"w-20\">Task</th>\r\n              <th class=\"w-15\">Remarks</th>\r\n            </tr>\r\n\r\n          </thead>\r\n\r\n          <tbody class=\"white text-charcoal\">\r\n            <tr v-for=\"(routing, index) in routings\" :key=\"index\">\r\n              <td>{{ core.toDateFormat(routing.createDate, true, 'dd MMM yyyy h:mmtt') }}</td>\r\n              <td>{{ routing.workgroupDescription }}</td>\r\n              <td>{{ routing.userName }}</td>\r\n              <td>{{ routing.trxStatusDescription }}</td>\r\n              <td>{{ routing.action }}</td>\r\n              <td>{{ routing.remarks }}</td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n\r\n        <button type=\"button\" class=\"warning w-100 text-center shadow lg-3 p-1 my-2\" @click=\"isModalVisible=false\">Close</button>\r\n\r\n      </div>\r\n    </div>\r\n  </sym-modal>\r\n\r\n</div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport {\r\n  get\r\n} from '../../js/http';\r\n\r\nimport\r\n  PageBase\r\nfrom '../PageBase.vue';\r\n\r\nexport default {\r\n  extends: PageBase,\r\n  name: 'lms2010',\r\n\r\n  data () {\r\n    return {\r\n      regions: [],\r\n      regionId: 0,\r\n      surveys: [],\r\n      surveyorId: 0,\r\n\r\n      routings: [],\r\n\r\n      isRegionListLoaded: false,\r\n      isModalVisible: false\r\n\r\n    };\r\n  },\r\n\r\n  methods: {\r\n\r\n    // API calls\r\n\r\n    getRegions () {\r\n      return get('api/accounts/' + this.accountCode + '/regions-surveyor');\r\n    },\r\n\r\n    getLinkStatus (regionId) {\r\n      return get('api/regions/' + regionId + '/link-status');\r\n    },\r\n\r\n    getSubmissions () {\r\n      return get('api/rgn/' + this.regionId + '/surveyors/' + this.surveyorId + '/submissions');\r\n    },\r\n\r\n    getRoutings (transactionId) {\r\n      return get('api/rgn/' + this.regionId + '/transactions/' + transactionId + '/routings');\r\n    },\r\n\r\n    // event handlers\r\n\r\n    onRegionIdChanging (e) {\r\n      const me = this;\r\n\r\n      let regionInfo = me.regions.find( obj => obj.regionId === e.proposedValue );\r\n      e.message = `Region '${regionInfo.regionFullName}' is offline.`;\r\n\r\n      if (!regionInfo.apiHostAddress && regionInfo.regionId) {\r\n        e.preventDefault();\r\n        return;\r\n      }\r\n\r\n      if (e.proposedValue) {\r\n        e.surveyorId = regionInfo.surveyorId;   // dynamic property\r\n        e.callback = me.regionIdCallback;\r\n      }\r\n\r\n    },\r\n\r\n    regionIdCallback (e) {\r\n      const\r\n        me = this,\r\n        wait = me.wait();\r\n\r\n      return me.getLinkStatus(e.proposedValue).then(\r\n        statusCode => {\r\n          me.stopWait(wait);\r\n\r\n          let isOnline = (statusCode === 200);\r\n          if (isOnline) {\r\n            me.surveyorId = e.surveyorId;\r\n          } else {\r\n            me.surveyorId = 0;\r\n          }\r\n          return isOnline;\r\n        },\r\n        () => {\r\n          me.stopWait(wait);\r\n          return false;\r\n\r\n        }\r\n      );\r\n\r\n    },\r\n\r\n    onRegionIdChanged () {\r\n      const me = this;\r\n\r\n      if (!me.regionId) {\r\n        me.surveys = [];\r\n        return;\r\n      }\r\n\r\n      let wait = me.wait();\r\n\r\n      me.getSubmissions().then(\r\n        surveys => {\r\n          me.stopWait(wait);\r\n          me.surveys = surveys;\r\n        },\r\n        fault => {\r\n          me.stopWait(wait);\r\n          me.showFault(fault);\r\n        }\r\n      );\r\n\r\n    },\r\n\r\n    onShowRoutings (transactionId) {\r\n      const\r\n         me = this,\r\n         wait = me.wait();\r\n\r\n      me.getRoutings(transactionId).then(\r\n        routings => {\r\n          me.stopWait(wait);\r\n          me.routings = routings;\r\n          me.isModalVisible = true;\r\n        },\r\n        fault => {\r\n          me.stopWait(wait);\r\n          me.showFault(fault);\r\n        }\r\n      );\r\n\r\n    },\r\n\r\n    // helpers\r\n\r\n    getCardHeaderClass (survey) {\r\n\r\n      if (!survey.transactionId) {\r\n        return 'beige';\r\n      }\r\n      if (survey.trxStatusId === 'P') {\r\n        return 'primary-light';\r\n      }\r\n      return '';\r\n\r\n    }\r\n\r\n  },\r\n\r\n  created () {\r\n    this.accountCode = '';\r\n  },\r\n\r\n  mounted () {\r\n    const me = this;\r\n\r\n    me.accountCode = me.sym.userInfo.accountCode;\r\n\r\n    me.getRegions().then(\r\n      regions => {\r\n        regions.unshift(\r\n          { regionId: 0, regionFullName: '--- Select Region ---', surveyorId: 0, apiHostAddress: null }\r\n        );\r\n        me.regions = regions;\r\n         // error when disconnected to region       \r\n        // if (regions.length === 2) {\r\n        //   me.regionId = regions[1].regionId;\r\n        //   me.surveyorId = regions[1].surveyorId;\r\n        //   me.onRegionIdChanged();\r\n        // }\r\n        me.isRegionListLoaded = true;\r\n      },\r\n      fault => {\r\n        me.showFault(fault);\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n}\r\n\r\n</script>\r\n\r\n<style scoped>\r\n\r\n/* .lms2010 {\r\n  min-height: calc(100vh - 90px - 2rem) ;\r\n} */\r\n\r\n.page-title {\r\n  padding: .875rem;\r\n}\r\n\r\n.surveys {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 1rem;\r\n  padding: 1rem;\r\n}\r\n\r\n.survey-info .info-value {\r\n  color: brown;\r\n  margin-bottom: 0;\r\n  font-size: 1rem;\r\n  line-height: 1.1;\r\n}\r\n\r\n.survey-info .list-item{\r\n  background: white;\r\n}\r\n\r\n.header-2 {\r\n  line-height: 1.9;\r\n}\r\n\r\n.table-scroll {\r\n  overflow-x: auto;\r\n  white-space: nowrap;\r\n  display: block;\r\n}\r\n\r\ntd {\r\n  vertical-align: top;\r\n}\r\n\r\n.alert li {\r\n  margin-left: 1.125em;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .content {\r\n    padding: 1.25rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 976px) {\r\n  .content {\r\n    padding: 1rem;\r\n  }\r\n  .surveys >>> .card-body {\r\n    padding: 1rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 870px) {\r\n  .surveys {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n}\r\n\r\n/* @media (max-width: 576px) {\r\n  .lms2010 {\r\n    min-height: calc(100vh - 84px) ;\r\n  }\r\n} */\r\n\r\n@media (max-width: 480px) {\r\n  .surveys {\r\n    padding: .5rem;\r\n  }\r\n  .surveys >>> .card-body {\r\n    padding: .25rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 394px) {\r\n  .content {\r\n    padding: .5rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 320px) {\r\n  .content {\r\n    padding: .25rem;\r\n  }\r\n\r\n  .surveys >>> .card-body {\r\n    padding: .125rem;\r\n  }\r\n\r\n}\r\n\r\n</style>","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!./LMS2010.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!./LMS2010.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LMS2010.vue?vue&type=template&id=e88d720c&scoped=true&\"\nimport script from \"./LMS2010.vue?vue&type=script&lang=js&\"\nexport * from \"./LMS2010.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LMS2010.vue?vue&type=style&index=0&id=e88d720c&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  \"e88d720c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}