{"version":3,"sources":["webpack:///./src/page/lms/LMS1020.vue?5e38","webpack:///src/page/lms/LMS1020.vue","webpack:///./src/page/lms/LMS1020.vue?df61","webpack:///./src/page/lms/LMS1020.vue","webpack:///./src/page/lms/LMS1020.vue?67c4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_m","on","$event","go","isPasswordModalVisible","ref","onUploadPhoto","getImageUrl","onShowPasswordModal","model","value","callback","$$v","expression","preventDefault","sec","$set","onSubmitPasswordModal","_e","staticRenderFns","extends","PageBase","name","data","accountCode","tsPhoto","imageUrl","oldPassword","newPassword","confirmPassword","methods","uploadPhoto","changePassword","setTimeout","me","isValid","$options","then","advice","fault","duration","$refs","inputfile","files","length","type","mounted","info","Date","now","dataConfig","models","push","setRequiredMode","component"],"mappings":"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","file":"js/lms1020.67822ead.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lms1020 container white curved\"},[_c('div',{staticClass:\"board mb-0\"},[_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(\"Officer Portal\")])])]),_vm._m(0),_c('div',{staticClass:\"links lams-light curved border-lightgray mb-3\"},[_c('div',{staticClass:\"text-center\"},[_c('div',{staticClass:\"buttons d-block mb-2\",attrs:{\"fw-52\":\"\",\"text-center\":\"\",\"shadow-soft\":\"\",\"justify-between\":\"\"}},[_c('button',{staticClass:\"lg-1 warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.go('lms4900')}}},[_c('i',{staticClass:\"fa fa-comments-o fa-lg\"}),_vm._v(\"Chat\\n          \")]),_c('button',{staticClass:\"lg-1 warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.go('lms5000')}}},[_c('i',{staticClass:\"fa fa-search fa-lg\"}),_vm._v(\"Lot Search\\n          \")]),_c('button',{staticClass:\"lg-1 warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.go('lms5100')}}},[_c('i',{staticClass:\"fa fa-question-circle fa-lg\"}),_vm._v(\"Transaction Inquiry\\n          \")])]),_c('div',{staticClass:\"buttons d-block\",attrs:{\"fw-44\":\"\",\"text-center\":\"\",\"shadow-soft\":\"\",\"justify-between\":\"\"}},[_c('button',{staticClass:\"lg-1 info\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.go('lms1900')}}},[_c('i',{staticClass:\"fa fa-edit fa-lg\"}),_vm._v(\"Edit Profile\\n          \")]),_c('button',{staticClass:\"lg-1 info\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){_vm.isPasswordModalVisible = true}}},[_c('i',{staticClass:\"fa fa-key fa-lg\"}),_vm._v(\"Password\\n          \")])]),_c('div',{staticClass:\"d-flex justify-center\"},[_c('div',{staticClass:\"pos-relative fw-44 curved border-lightgray shadow-light\"},[_c('input',{ref:\"inputfile\",staticClass:\"input-file\",attrs:{\"type\":\"file\",\"title\":\"\",\"accept\":\".jpg, .png\"},on:{\"input\":_vm.onUploadPhoto}}),_c('button',{staticClass:\"info w-100 lg-1 text-center curved-0\",attrs:{\"type\":\"button\"}},[_vm._v(\"\\n              Upload Photo\\n            \")]),_c('img',{staticClass:\"photo d-block mx-auto my-2 fw-30 circle border-main\",attrs:{\"src\":_vm.getImageUrl(),\"alt\":\"...\"}})])])])])],1),(_vm.isPasswordModalVisible)?_c('sym-modal',{attrs:{\"size\":\"md\",\"header\":true,\"customBody\":true,\"footer\":false,\"keyboard\":false,\"dismissible\":true,\"title\":\"● Change Password\",\"headerClass\":\"info\",\"dismissButtonClass\":\"danger\"},on:{\"show\":_vm.onShowPasswordModal},model:{value:(_vm.isPasswordModalVisible),callback:function ($$v) {_vm.isPasswordModalVisible=$$v},expression:\"isPasswordModalVisible\"}},[_c('div',{staticClass:\"board p-1 mb-0 w-100\"},[_c('form',{staticClass:\"curved-bottom border-dark lams-light p-3\",attrs:{\"id\":\"lm1030\"},on:{\"submit\":function($event){$event.preventDefault();}}},[_c('sym-text',{attrs:{\"plain\":\"\",\"align\":\"bottom\",\"caption\":\"Old Password\",\"type\":\"password\"},model:{value:(_vm.sec.oldPassword),callback:function ($$v) {_vm.$set(_vm.sec, \"oldPassword\", $$v)},expression:\"sec.oldPassword\"}}),_c('sym-text',{attrs:{\"plain\":\"\",\"align\":\"bottom\",\"caption\":\"New Password\",\"type\":\"password\"},model:{value:(_vm.sec.newPassword),callback:function ($$v) {_vm.$set(_vm.sec, \"newPassword\", $$v)},expression:\"sec.newPassword\"}}),_c('sym-text',{attrs:{\"plain\":\"\",\"align\":\"bottom\",\"caption\":\"Confirm Password\",\"type\":\"password\"},model:{value:(_vm.sec.confirmPassword),callback:function ($$v) {_vm.$set(_vm.sec, \"confirmPassword\", $$v)},expression:\"sec.confirmPassword\"}}),_c('div',{staticClass:\"buttons w-100 justify-end mt-3 mb-2\",attrs:{\"fw-26\":\"\",\"shadow-soft\":\"\",\"mb-0\":\"\"}},[_c('button',{staticClass:\"success justify-between border-main\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.onSubmitPasswordModal()}}},[_c('i',{staticClass:\"fa fa-check mr-2\"}),_vm._v(\"Save\\n          \")]),_c('button',{staticClass:\"primary justify-between border-main mr-0\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){_vm.isPasswordModalVisible = false}}},[_c('i',{staticClass:\"fa fa-arrow-left mr-2\"}),_vm._v(\"Back\\n          \")])])],1)])]):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"p-3 lams curved border-lightgray mb-2\"},[_c('p',{staticClass:\"page-title serif bold mb-0\"},[_c('i',{staticClass:\"fa fa-dot-circle-o fa-lg ml-1 mr-2\"}),_vm._v(\"Officer Portal\\n      \")])])}]\n\nexport { render, staticRenderFns }","// Officer Portal\r\n\r\n<template>\r\n  <div class=\"lms1020 container white curved\">\r\n    <div class=\"board mb-0\">\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\">Officer Portal</span></li>\r\n      </Ul>\r\n\r\n      <div class=\"p-3 lams curved border-lightgray mb-2\">\r\n        <p class=\"page-title serif bold mb-0\">\r\n          <i class=\"fa fa-dot-circle-o fa-lg ml-1 mr-2\"></i>Officer Portal\r\n        </p>\r\n      </div>\r\n\r\n      <div class=\"links lams-light curved border-lightgray mb-3\">\r\n        <div class=\"text-center\">\r\n          <!-- <div class=\"buttons d-block mb-2\" fw-44 text-center shadow-soft justify-between>\r\n          <button type=\"button\" class=\"lg-1 warning\" @click=\"go('lms4900')\"><i class=\"fa fa-comments-o fa-lg\"></i>Chat</button>\r\n          <button type=\"button\" class=\"lg-1 warning\" @click=\"go('/dashboard')\"><i class=\"fa fa-bar-chart-o fa-lg\"></i>Dashboard</button> -->\r\n          <!-- <button type=\"button\" class=\"lg-1 warning\" @click=\"go('lms3110')\"><i class=\"fa fa-files-o fa-lg\"></i>CADTs Files</button> -->\r\n          <!-- <button type=\"button\" class=\"lg-1 warning\" @click=\"go('lms5000')\"><i class=\"fa fa-search fa-lg\"></i>Lot Search</button>\r\n          <button type=\"button\" class=\"lg-1 warning\" @click=\"go('lms3300')\"><i class=\"fa fa-question-circle fa-lg\"></i>Transaction Inquiry</button>\r\n\r\n        </div> -->\r\n\r\n          <div\r\n            class=\"buttons d-block mb-2\"\r\n            fw-52\r\n            text-center\r\n            shadow-soft\r\n            justify-between\r\n          >\r\n            <!-- <button type=\"button\" class=\"lg-1 warning\" @click=\"go('lms4500')\"><i class=\"fa fa-copy fa-lg\"></i>Land Applications</button> -->\r\n            <!-- <button type=\"button\" class=\"lg-1 warning\" @click=\"go('lms4510')\"><i class=\"fa fa-send-o fa-lg\"></i>Submit Application</button> -->\r\n\r\n            <!-- <button type=\"button\" class=\"lg-1 warning\" @click=\"go('lms4000')\"><i class=\"fa fa-search-plus fa-lg\"></i>Application Search</button> -->\r\n            <!-- <button type=\"button\" class=\"lg-1 warning\" @click=\"go('lms4500')\"><i class=\"fa fa-copy fa-lg\"></i>My Applications</button>\r\n          <button type=\"button\" class=\"lg-1 warning\" @click=\"go('lms5040')\"><i class=\"fa fa-download fa-lg\"></i>My Downloads</button>\r\n          <button type=\"button\" class=\"lg-1 warning\" @click=\"go('lms5000')\"><i class=\"fa fa-search fa-lg\"></i>Lot Search</button>\r\n          <button type=\"button\" class=\"lg-1 warning\" @click=\"go('lms3300')\"><i class=\"fa fa-question-circle fa-lg\"></i>Transaction Inquiry</button> -->\r\n\r\n            <button type=\"button\" class=\"lg-1 warning\" @click=\"go('lms4900')\">\r\n              <i class=\"fa fa-comments-o fa-lg\"></i>Chat\r\n            </button>\r\n            <!-- <button type=\"button\" class=\"lg-1 warning\" @click=\"go('/dashboard')\"><i class=\"fa fa-bar-chart-o fa-lg\"></i>Dashboard</button> -->\r\n            <!-- <button type=\"button\" class=\"lg-1 warning\" @click=\"go('lms3110')\"><i class=\"fa fa-files-o fa-lg\"></i>CADTs Files</button> -->\r\n            <button type=\"button\" class=\"lg-1 warning\" @click=\"go('lms5000')\">\r\n              <i class=\"fa fa-search fa-lg\"></i>Lot Search\r\n            </button>\r\n            <!-- <button type=\"button\" class=\"lg-1 warning\" @click=\"go('lms3300')\"><i class=\"fa fa-question-circle fa-lg\"></i>Transaction Inquiry</button> -->\r\n            <button type=\"button\" class=\"lg-1 warning\" @click=\"go('lms5100')\">\r\n              <i class=\"fa fa-question-circle fa-lg\"></i>Transaction Inquiry\r\n            </button>\r\n          </div>\r\n\r\n          <div\r\n            class=\"buttons d-block\"\r\n            fw-44\r\n            text-center\r\n            shadow-soft\r\n            justify-between\r\n          >\r\n            <button type=\"button\" class=\"lg-1 info\" @click=\"go('lms1900')\">\r\n              <i class=\"fa fa-edit fa-lg\"></i>Edit Profile\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              class=\"lg-1 info\"\r\n              @click=\"isPasswordModalVisible = true\"\r\n            >\r\n              <i class=\"fa fa-key fa-lg\"></i>Password\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"d-flex justify-center\">\r\n            <div\r\n              class=\"pos-relative fw-44 curved border-lightgray shadow-light\"\r\n            >\r\n              <input\r\n                type=\"file\"\r\n                class=\"input-file\"\r\n                title=\"\"\r\n                accept=\".jpg, .png\"\r\n                ref=\"inputfile\"\r\n                @input=\"onUploadPhoto\"\r\n              />\r\n              <button\r\n                type=\"button\"\r\n                class=\"info w-100 lg-1 text-center curved-0\"\r\n              >\r\n                Upload Photo\r\n              </button>\r\n              <img\r\n                :src=\"getImageUrl()\"\r\n                alt=\"...\"\r\n                class=\"photo d-block mx-auto my-2 fw-30 circle border-main\"\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <sym-modal\r\n      v-model=\"isPasswordModalVisible\"\r\n      size=\"md\"\r\n      :header=\"true\"\r\n      :customBody=\"true\"\r\n      :footer=\"false\"\r\n      :keyboard=\"false\"\r\n      :dismissible=\"true\"\r\n      title=\"● Change Password\"\r\n      v-if=\"isPasswordModalVisible\"\r\n      @show=\"onShowPasswordModal\"\r\n      headerClass=\"info\"\r\n      dismissButtonClass=\"danger\"\r\n    >\r\n      <div class=\"board p-1 mb-0 w-100\">\r\n        <form\r\n          id=\"lm1030\"\r\n          class=\"curved-bottom border-dark lams-light p-3\"\r\n          @submit.prevent\r\n        >\r\n          <sym-text\r\n            plain\r\n            align=\"bottom\"\r\n            v-model=\"sec.oldPassword\"\r\n            caption=\"Old Password\"\r\n            type=\"password\"\r\n          ></sym-text>\r\n\r\n          <sym-text\r\n            plain\r\n            align=\"bottom\"\r\n            v-model=\"sec.newPassword\"\r\n            caption=\"New Password\"\r\n            type=\"password\"\r\n          ></sym-text>\r\n          <sym-text\r\n            plain\r\n            align=\"bottom\"\r\n            v-model=\"sec.confirmPassword\"\r\n            caption=\"Confirm Password\"\r\n            type=\"password\"\r\n          ></sym-text>\r\n\r\n          <div\r\n            class=\"buttons w-100 justify-end mt-3 mb-2\"\r\n            fw-26\r\n            shadow-soft\r\n            mb-0\r\n          >\r\n            <button\r\n              type=\"button\"\r\n              class=\"success justify-between border-main\"\r\n              @click=\"onSubmitPasswordModal()\"\r\n            >\r\n              <i class=\"fa fa-check mr-2\"></i>Save\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              class=\"primary justify-between border-main mr-0\"\r\n              @click=\"isPasswordModalVisible = false\"\r\n            >\r\n              <i class=\"fa fa-arrow-left mr-2\"></i>Back\r\n            </button>\r\n          </div>\r\n        </form>\r\n      </div>\r\n    </sym-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { ajax, upload } from \"../../js/http\";\r\n\r\nimport PageBase from \"../PageBase.vue\";\r\n\r\nexport default {\r\n  extends: PageBase,\r\n  name: \"lms1020\",\r\n\r\n  data() {\r\n    return {\r\n      accountCode: \"\",\r\n      tsPhoto: 0,\r\n      imageUrl: \"\",\r\n\r\n      sec: {\r\n        oldPassword: \"\",\r\n        newPassword: \"\",\r\n        confirmPassword: \"\",\r\n      },\r\n\r\n      isPasswordModalVisible: false,\r\n    };\r\n  },\r\n\r\n  methods: {\r\n    // API calls\r\n\r\n    uploadPhoto() {\r\n      const me = this,\r\n        width = 200,\r\n        quality = 75,\r\n        files = me.$refs.inputfile.files;\r\n\r\n      return upload(\r\n        \"api/images/\" +\r\n          me.accountCode +\r\n          \"?width=\" +\r\n          width.toString() +\r\n          \"&quality=\" +\r\n          quality.toString(),\r\n        files\r\n      );\r\n    },\r\n\r\n    changePassword() {\r\n      const me = this,\r\n        options = me.core.getAjaxOptions(\"PUT\");\r\n\r\n      let q =\r\n        \"oldPassword=\" +\r\n        me.sec.oldPassword +\r\n        \"&newPassword=\" +\r\n        me.sec.newPassword;\r\n      return ajax(\"api/accounts/\" + me.accountCode + \"/password?\" + q, options);\r\n    },\r\n\r\n    // event handlers\r\n\r\n    onShowPasswordModal() {\r\n      const sec = this.sec;\r\n\r\n      sec.oldPassword = \"\";\r\n      sec.newPassword = \"\";\r\n      sec.confirmPassword = \"\";\r\n\r\n      setTimeout(() => {\r\n        this.setFocus(\"oldPassword\");\r\n      }, 200);\r\n    },\r\n\r\n    onSubmitPasswordModal() {\r\n      const me = this;\r\n\r\n      if (me.sec.newPassword !== me.sec.confirmPassword) {\r\n        me.advice.fault(\"New and Confirm passwords must match.\", {\r\n          duration: 4,\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (!me.isValid(me.$options.name)) {\r\n        me.advice.fault(\"Fill in the required fields (marked in red).\", {\r\n          duration: 4,\r\n        });\r\n        return;\r\n      }\r\n\r\n      let wait = me.wait();\r\n\r\n      me.changePassword().then(\r\n        (result) => {\r\n          me.stopWait(wait);\r\n          if (result) {\r\n            me.advice.success(\"Password changed.\", { duration: 4 });\r\n            me.isPasswordModalVisible = false;\r\n          } else {\r\n            me.advice.fault(\r\n              \"Attempt to change password failed.<hr>Old Password is incorrect.\",\r\n              { duration: 4 }\r\n            );\r\n            setTimeout(() => {\r\n              this.setFocus(\"oldPassword\");\r\n            }, 200);\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\r\n    onUploadPhoto() {\r\n      const me = this;\r\n\r\n      if (!me.$refs.inputfile.files.length) {\r\n        return;\r\n      }\r\n\r\n      switch (me.$refs.inputfile.files[0].type) {\r\n        case \"image/jpeg\":\r\n        case \"image/png\":\r\n          break;\r\n\r\n        default:\r\n          me.advice.fault(\r\n            \"Selected file rejected.<hr>Valid file type: .jpg, .png\",\r\n            { duration: 4 }\r\n          );\r\n          return;\r\n      }\r\n\r\n      let wait = me.wait();\r\n      me.uploadPhoto()\r\n        .then((result) => {\r\n          if (result) {\r\n            return me.sym.userInfo.restore();\r\n          }\r\n          me.stopWait(wait);\r\n        })\r\n        .then((success) => {\r\n          me.stopWait(wait);\r\n          if (success) {\r\n            me.imageUrl = me.sym.userInfo.imageUrl;\r\n            me.tsPhoto = Date.now();\r\n            me.advice.success(\"Photo uploaded.\", { duration: 4 });\r\n          }\r\n        })\r\n        .catch((fault) => {\r\n          me.stopWait(wait);\r\n          me.showFault(fault);\r\n        });\r\n    },\r\n\r\n    // helpers\r\n\r\n    getImageUrl() {\r\n      return (\r\n        \"img/\" +\r\n        (this.imageUrl || \"anonymous.png\") +\r\n        \"?ts=\" +\r\n        this.tsPhoto.toString()\r\n      );\r\n    },\r\n  },\r\n\r\n  mounted() {\r\n    const me = this,\r\n      info = me.sym.userInfo;\r\n\r\n    me.accountCode = info.accountCode;\r\n    me.imageUrl = info.imageUrl;\r\n    me.tsPhoto = Date.now();\r\n\r\n    me.dataConfig.models.push(\"sec\");\r\n\r\n    me.setRequiredMode(\"oldPassword\", \"newPassword\", \"confirmPassword\");\r\n  },\r\n\r\n  // created() {\r\n  //   const me = this;\r\n  //    if (me .accountTypeId === 2 || this.accountTypeId === 1) {\r\n  //     this.isOpen = true;\r\n  //   } else {\r\n  //     this.isOpen = false;\r\n  //   }\r\n  // }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/* .lms1020 {\r\n  min-height: calc(100vh - 90px - 2rem) ;\r\n} */\r\n\r\n.page-title {\r\n  font-size: 1.5rem;\r\n}\r\n\r\n.input-file {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0;\r\n  cursor: pointer;\r\n}\r\n\r\n.photo {\r\n  object-fit: cover;\r\n  height: 7.5rem !important;\r\n  max-height: 7.5rem !important;\r\n}\r\n\r\n.links {\r\n  padding: 1.5rem;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n  .links {\r\n    padding: 1.25rem;\r\n  }\r\n}\r\n\r\n/* @media (max-width: 576px) {\r\n  .lms1020 {\r\n    min-height: calc(100vh - 84px) ;\r\n  }\r\n} */\r\n\r\n@media (max-width: 480px) {\r\n  .links {\r\n    padding: 1.125rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 320px) {\r\n  .page-title {\r\n    font-size: 1.25rem;\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!./LMS1020.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!./LMS1020.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LMS1020.vue?vue&type=template&id=1960c770&scoped=true&\"\nimport script from \"./LMS1020.vue?vue&type=script&lang=js&\"\nexport * from \"./LMS1020.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LMS1020.vue?vue&type=style&index=0&id=1960c770&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  \"1960c770\",\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!./LMS1020.vue?vue&type=style&index=0&id=1960c770&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!./LMS1020.vue?vue&type=style&index=0&id=1960c770&scoped=true&lang=css&\""],"sourceRoot":""}