{"version":3,"sources":["webpack:///./src/views/invites/index.vue?3e9a","webpack:///src/views/invites/index.vue","webpack:///./src/views/invites/index.vue?b523","webpack:///./src/views/invites/index.vue","webpack:///./src/views/invites/index.vue?0fc1"],"names":["views_invitesvue_type_script_lang_js_","components","RebootButton","data","rules","email","validator","this","validateEmail","trigger","newTokenForm","maxUse","expiresAt","inviteUserForm","name","createTokenDialogVisible","inviteUserDialogVisible","computed","_objectSpread","Object","vuex_esm","getLabelWidth","isDesktop","inviteLink","concat","utils","authHost","newToken","token","$store","state","app","device","loading","invites","tokens","inviteTokens","mounted","dispatch","methods","closeDialogWindow","$data","createToken","inviteUserViaEmail","_this","asyncToGenerator_default","regenerator_default","a","mark","_callee2","wrap","_context2","prev","next","$refs","validate","_ref","_callee","valid","_context","$message","type","message","$t","abrupt","stop","_x","apply","arguments","revokeInviteToken","rule","value","callback","Error","validEmail","test","component","componentNormalizer","_vm","_h","$createElement","_c","_self","staticClass","_v","_s","on","click","$event","attrs","visible","show-close","title","custom-class","update:visible","ref","model","label-width","status-icon","label","min","size","$$v","$set","expression","placeholder","value-format","slot","href","underline","target","_e","prop","autofocus","directives","rawName","default-sort","order","min-width","sortable","align","header-align","scopedSlots","_u","key","fn","scope","row","used","disable-transitions","nativeOn","options","__file","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_index_js_ref_11_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_11_2_node_modules_sass_loader_lib_loader_js_ref_11_3_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_rel_stylesheet_2Fscss_lang_scss___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","n"],"mappings":"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","file":"static/js/chunk-7c6b.34152862.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"invites-container\"},[_c('div',{staticClass:\"invites-header-container\"},[_c('h1',[_vm._v(_vm._s(_vm.$t('invites.inviteTokens')))]),_vm._v(\" \"),_c('reboot-button')],1),_vm._v(\" \"),_c('div',{staticClass:\"actions-container\"},[_c('el-button',{staticClass:\"create-invite-token\",on:{\"click\":function($event){_vm.createTokenDialogVisible = true}}},[_c('span',[_c('i',{staticClass:\"icon el-icon-plus\"}),_vm._v(\"\\n        \"+_vm._s(_vm.$t('invites.createInviteToken'))+\"\\n      \")])]),_vm._v(\" \"),_c('el-button',{staticClass:\"invite-via-email\",on:{\"click\":function($event){_vm.inviteUserDialogVisible = true}}},[_c('span',[_c('i',{staticClass:\"icon el-icon-message\"}),_vm._v(\"\\n        \"+_vm._s(_vm.$t('invites.inviteUserViaEmail'))+\"\\n      \")])])],1),_vm._v(\" \"),_c('el-dialog',{attrs:{\"visible\":_vm.createTokenDialogVisible,\"show-close\":false,\"title\":_vm.$t('invites.createInviteToken'),\"custom-class\":\"create-new-token-dialog\"},on:{\"update:visible\":function($event){_vm.createTokenDialogVisible=$event}}},[_c('el-form',{ref:\"newTokenForm\",attrs:{\"model\":_vm.newTokenForm,\"label-width\":_vm.getLabelWidth,\"status-icon\":\"\"}},[_c('el-form-item',{attrs:{\"label\":_vm.$t('invites.maxUse')}},[_c('el-input-number',{attrs:{\"min\":0,\"size\":_vm.isDesktop ? 'medium' : 'small',\"name\":\"maxUse\"},model:{value:(_vm.newTokenForm.maxUse),callback:function ($$v) {_vm.$set(_vm.newTokenForm, \"maxUse\", $$v)},expression:\"newTokenForm.maxUse\"}})],1),_vm._v(\" \"),_c('el-form-item',{attrs:{\"label\":_vm.$t('invites.expiresAt')}},[_c('el-date-picker',{staticClass:\"pick-date\",attrs:{\"placeholder\":_vm.$t('invites.pickDate'),\"type\":\"date\",\"name\":\"date\",\"value-format\":\"yyyy-MM-dd\"},model:{value:(_vm.newTokenForm.expiresAt),callback:function ($$v) {_vm.$set(_vm.newTokenForm, \"expiresAt\", $$v)},expression:\"newTokenForm.expiresAt\"}})],1)],1),_vm._v(\" \"),_c('span',{attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{staticClass:\"invites-close-dialog\",on:{\"click\":_vm.closeDialogWindow}},[_vm._v(_vm._s(_vm.$t('invites.cancel')))]),_vm._v(\" \"),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.createToken}},[_vm._v(_vm._s(_vm.$t('invites.create')))])],1),_vm._v(\" \"),('token' in _vm.newToken)?_c('el-card',[_c('div',{staticClass:\"clearfix\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('span',[_vm._v(_vm._s(_vm.$t('invites.tokenCreated')))])]),_vm._v(\" \"),_c('el-form',{staticClass:\"new-token-card\",attrs:{\"label-width\":\"85px\"}},[_c('el-form-item',{attrs:{\"label\":_vm.$t('invites.inviteLink')}},[_c('el-link',{attrs:{\"href\":_vm.inviteLink,\"underline\":false,\"target\":\"_blank\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.inviteLink)+\"\\n          \")])],1),_vm._v(\" \"),_c('el-form-item',{attrs:{\"label\":_vm.$t('invites.token')}},[_vm._v(\"\\n          \"+_vm._s(_vm.newToken.token)+\"\\n        \")]),_vm._v(\" \"),_c('el-form-item',{attrs:{\"label\":_vm.$t('invites.maxUse')}},[_vm._v(\"\\n          \"+_vm._s(_vm.newToken.maxUse)+\"\\n        \")]),_vm._v(\" \"),_c('el-form-item',{attrs:{\"label\":_vm.$t('invites.expiresAt')}},[_vm._v(\"\\n          \"+_vm._s(_vm.newToken.expiresAt || '(not set)')+\"\\n        \")])],1)],1):_vm._e()],1),_vm._v(\" \"),_c('el-dialog',{attrs:{\"visible\":_vm.inviteUserDialogVisible,\"show-close\":false,\"title\":_vm.$t('invites.sendRegistration'),\"custom-class\":\"invite-via-email-dialog\"},on:{\"update:visible\":function($event){_vm.inviteUserDialogVisible=$event}}},[_c('div',[_c('p',{staticClass:\"info\"},[_vm._v(_vm._s(_vm.$t('invites.inviteViaEmailAlert')))]),_vm._v(\" \"),_c('el-form',{ref:\"inviteUserForm\",attrs:{\"model\":_vm.inviteUserForm,\"rules\":_vm.rules,\"label-width\":_vm.getLabelWidth,\"status-icon\":\"\"}},[_c('el-form-item',{attrs:{\"label\":_vm.$t('invites.email'),\"prop\":\"email\"}},[_c('el-input',{attrs:{\"name\":\"email\",\"type\":\"email\",\"autofocus\":\"\"},model:{value:(_vm.inviteUserForm.email),callback:function ($$v) {_vm.$set(_vm.inviteUserForm, \"email\", $$v)},expression:\"inviteUserForm.email\"}})],1),_vm._v(\" \"),_c('el-form-item',{attrs:{\"label\":_vm.$t('invites.name'),\"prop\":\"name\"}},[_c('el-input',{attrs:{\"name\":\"name\"},model:{value:(_vm.inviteUserForm.name),callback:function ($$v) {_vm.$set(_vm.inviteUserForm, \"name\", $$v)},expression:\"inviteUserForm.name\"}})],1)],1)],1),_vm._v(\" \"),_c('span',{attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":_vm.closeDialogWindow}},[_vm._v(_vm._s(_vm.$t('invites.cancel')))]),_vm._v(\" \"),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.inviteUserViaEmail}},[_vm._v(_vm._s(_vm.$t('invites.create')))])],1)]),_vm._v(\" \"),_c('el-table',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"invite-token-table\",attrs:{\"data\":_vm.tokens,\"default-sort\":{prop: 'used', order: 'ascending'}}},[(_vm.isDesktop)?_c('el-table-column',{attrs:{\"label\":_vm.$t('invites.id'),\"min-width\":\"60\",\"prop\":\"id\",\"sortable\":\"\"}}):_vm._e(),_vm._v(\" \"),_c('el-table-column',{attrs:{\"label\":_vm.$t('invites.token'),\"min-width\":_vm.isDesktop ? 320 : 120,\"prop\":\"token\"}}),_vm._v(\" \"),(_vm.isDesktop)?_c('el-table-column',{attrs:{\"label\":_vm.$t('invites.expiresAt'),\"align\":\"center\",\"header-align\":\"center\",\"min-width\":\"110\",\"prop\":\"expires_at\",\"sortable\":\"\"}}):_vm._e(),_vm._v(\" \"),_c('el-table-column',{attrs:{\"label\":_vm.$t('invites.maxUse'),\"align\":\"center\",\"header-align\":\"center\",\"min-width\":\"60\",\"prop\":\"max_use\",\"sortable\":\"\"}}),_vm._v(\" \"),(_vm.isDesktop)?_c('el-table-column',{attrs:{\"label\":_vm.$t('invites.uses'),\"align\":\"center\",\"header-align\":\"center\",\"min-width\":\"60\",\"prop\":\"uses\"}}):_vm._e(),_vm._v(\" \"),_c('el-table-column',{attrs:{\"label\":_vm.$t('invites.used'),\"min-width\":_vm.isDesktop ? 60 : 50,\"align\":\"center\",\"header-align\":\"center\",\"prop\":\"used\",\"sortable\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('el-tag',{attrs:{\"type\":scope.row.used ? 'danger' : 'success',\"disable-transitions\":\"\"}},[_vm._v(\"\\n          \"+_vm._s(scope.row.used ? _vm.$t('invites.used') : _vm.$t('invites.active'))+\"\\n        \")])]}}])}),_vm._v(\" \"),_c('el-table-column',{attrs:{\"label\":_vm.$t('invites.actions'),\"min-width\":_vm.isDesktop ? 100 : 50,\"align\":\"center\",\"header-align\":\"center\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('el-button',{attrs:{\"type\":\"text\",\"size\":\"small\"},nativeOn:{\"click\":function($event){return _vm.revokeInviteToken(scope.row.token)}}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('invites.revoke'))+\"\\n        \")])]}}])})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"invites-container\">\n    <div class=\"invites-header-container\">\n      <h1>{{ $t('invites.inviteTokens') }}</h1>\n      <reboot-button/>\n    </div>\n    <div class=\"actions-container\">\n      <el-button class=\"create-invite-token\" @click=\"createTokenDialogVisible = true\">\n        <span>\n          <i class=\"icon el-icon-plus\"/>\n          {{ $t('invites.createInviteToken') }}\n        </span>\n      </el-button>\n      <el-button class=\"invite-via-email\" @click=\"inviteUserDialogVisible = true\">\n        <span>\n          <i class=\"icon el-icon-message\"/>\n          {{ $t('invites.inviteUserViaEmail') }}\n        </span>\n      </el-button>\n    </div>\n    <el-dialog\n      :visible.sync=\"createTokenDialogVisible\"\n      :show-close=\"false\"\n      :title=\"$t('invites.createInviteToken')\"\n      custom-class=\"create-new-token-dialog\">\n      <el-form ref=\"newTokenForm\" :model=\"newTokenForm\" :label-width=\"getLabelWidth\" status-icon>\n        <el-form-item :label=\"$t('invites.maxUse')\">\n          <el-input-number\n            v-model=\"newTokenForm.maxUse\"\n            :min=\"0\"\n            :size=\"isDesktop ? 'medium' : 'small'\"\n            name=\"maxUse\"/>\n        </el-form-item>\n        <el-form-item :label=\"$t('invites.expiresAt')\">\n          <el-date-picker\n            v-model=\"newTokenForm.expiresAt\"\n            :placeholder=\"$t('invites.pickDate')\"\n            class=\"pick-date\"\n            type=\"date\"\n            name=\"date\"\n            value-format=\"yyyy-MM-dd\"/>\n        </el-form-item>\n      </el-form>\n      <span slot=\"footer\">\n        <el-button class=\"invites-close-dialog\" @click=\"closeDialogWindow\">{{ $t('invites.cancel') }}</el-button>\n        <el-button type=\"primary\" @click=\"createToken\">{{ $t('invites.create') }}</el-button>\n      </span>\n      <el-card v-if=\"'token' in newToken\">\n        <div slot=\"header\" class=\"clearfix\">\n          <span>{{ $t('invites.tokenCreated') }}</span>\n        </div>\n        <el-form label-width=\"85px\" class=\"new-token-card\">\n          <el-form-item :label=\"$t('invites.inviteLink')\">\n            <el-link :href=\"inviteLink\" :underline=\"false\" target=\"_blank\">\n              {{ inviteLink }}\n            </el-link>\n          </el-form-item>\n          <el-form-item :label=\"$t('invites.token')\">\n            {{ newToken.token }}\n          </el-form-item>\n          <el-form-item :label=\"$t('invites.maxUse')\">\n            {{ newToken.maxUse }}\n          </el-form-item>\n          <el-form-item :label=\"$t('invites.expiresAt')\">\n            {{ newToken.expiresAt || '(not set)' }}\n          </el-form-item>\n        </el-form>\n      </el-card>\n    </el-dialog>\n    <el-dialog\n      :visible.sync=\"inviteUserDialogVisible\"\n      :show-close=\"false\"\n      :title=\"$t('invites.sendRegistration')\"\n      custom-class=\"invite-via-email-dialog\">\n      <div>\n        <p class=\"info\">{{ $t('invites.inviteViaEmailAlert') }}</p>\n        <el-form ref=\"inviteUserForm\" :model=\"inviteUserForm\" :rules=\"rules\" :label-width=\"getLabelWidth\" status-icon>\n          <el-form-item :label=\"$t('invites.email')\" prop=\"email\">\n            <el-input v-model=\"inviteUserForm.email\" name=\"email\" type=\"email\" autofocus/>\n          </el-form-item>\n          <el-form-item :label=\"$t('invites.name')\" prop=\"name\">\n            <el-input v-model=\"inviteUserForm.name\" name=\"name\"/>\n          </el-form-item>\n        </el-form>\n      </div>\n      <span slot=\"footer\">\n        <el-button @click=\"closeDialogWindow\">{{ $t('invites.cancel') }}</el-button>\n        <el-button type=\"primary\" @click=\"inviteUserViaEmail\">{{ $t('invites.create') }}</el-button>\n      </span>\n    </el-dialog>\n    <el-table\n      v-loading=\"loading\"\n      :data=\"tokens\"\n      :default-sort = \"{prop: 'used', order: 'ascending'}\"\n      class=\"invite-token-table\">\n      <el-table-column\n        v-if=\"isDesktop\"\n        :label=\"$t('invites.id')\"\n        min-width=\"60\"\n        prop=\"id\"\n        sortable/>\n      <el-table-column\n        :label=\"$t('invites.token')\"\n        :min-width=\"isDesktop ? 320 : 120\"\n        prop=\"token\"/>\n      <el-table-column\n        v-if=\"isDesktop\"\n        :label=\"$t('invites.expiresAt')\"\n        align=\"center\"\n        header-align=\"center\"\n        min-width=\"110\"\n        prop=\"expires_at\"\n        sortable/>\n      <el-table-column\n        :label=\"$t('invites.maxUse')\"\n        align=\"center\"\n        header-align=\"center\"\n        min-width=\"60\"\n        prop=\"max_use\"\n        sortable/>\n      <el-table-column\n        v-if=\"isDesktop\"\n        :label=\"$t('invites.uses')\"\n        align=\"center\"\n        header-align=\"center\"\n        min-width=\"60\"\n        prop=\"uses\"/>\n      <el-table-column\n        :label=\"$t('invites.used')\"\n        :min-width=\"isDesktop ? 60 : 50\"\n        align=\"center\"\n        header-align=\"center\"\n        prop=\"used\"\n        sortable>\n        <template slot-scope=\"scope\">\n          <el-tag\n            :type=\"scope.row.used ? 'danger' : 'success'\"\n            disable-transitions>\n            {{ scope.row.used ? $t('invites.used') : $t('invites.active') }}\n          </el-tag>\n        </template>\n      </el-table-column>\n      <el-table-column\n        :label=\"$t('invites.actions')\"\n        :min-width=\"isDesktop ? 100 : 50\"\n        align=\"center\"\n        header-align=\"center\">\n        <template slot-scope=\"scope\">\n          <el-button type=\"text\" size=\"small\" @click.native=\"revokeInviteToken(scope.row.token)\">\n            {{ $t('invites.revoke') }}\n          </el-button>\n        </template>\n      </el-table-column>\n    </el-table>\n  </div>\n</template>\n\n<script>\nimport RebootButton from '@/components/RebootButton'\nimport { mapGetters } from 'vuex'\nimport { baseName } from '@/api/utils'\n\nexport default {\n  components: { RebootButton },\n  data() {\n    return {\n      rules: {\n        email: [\n          { validator: this.validateEmail, trigger: 'blur' }\n        ]\n      },\n      newTokenForm: {\n        maxUse: 1,\n        expiresAt: ''\n      },\n      inviteUserForm: {\n        email: '',\n        name: ''\n      },\n      createTokenDialogVisible: false,\n      inviteUserDialogVisible: false\n    }\n  },\n  computed: {\n    ...mapGetters([\n      'authHost'\n    ]),\n    getLabelWidth() {\n      return this.isDesktop ? '100px' : '85px'\n    },\n    inviteLink() {\n      return `${baseName(this.authHost)}/registration/${this.newToken.token}`\n    },\n    isDesktop() {\n      return this.$store.state.app.device === 'desktop'\n    },\n    loading() {\n      return this.$store.state.invites.loading\n    },\n    newToken() {\n      return this.$store.state.invites.newToken\n    },\n    tokens() {\n      return this.$store.state.invites.inviteTokens\n    }\n  },\n  mounted() {\n    this.$store.dispatch('GetNodeInfo')\n    this.$store.dispatch('NeedReboot')\n    this.$store.dispatch('FetchInviteTokens')\n  },\n  methods: {\n    closeDialogWindow() {\n      this.inviteUserDialogVisible = false\n      this.createTokenDialogVisible = false\n      this.$store.dispatch('RemoveNewToken')\n      this.$data.inviteUserForm.email = ''\n      this.$data.inviteUserForm.name = ''\n    },\n    createToken() {\n      this.$store.dispatch('GenerateInviteToken', this.$data.newTokenForm)\n    },\n    async inviteUserViaEmail() {\n      this.$refs['inviteUserForm'].validate(async(valid) => {\n        if (valid) {\n          await this.$store.dispatch('InviteUserViaEmail', this.$data.inviteUserForm)\n          this.closeDialogWindow()\n        } else {\n          this.$message({\n            type: 'error',\n            message: this.$t('invites.submitFormError')\n          })\n          return false\n        }\n      })\n    },\n    revokeInviteToken(token) {\n      this.$store.dispatch('RevokeToken', token)\n    },\n    validateEmail(rule, value, callback) {\n      if (value === '') {\n        return callback(new Error(this.$t('invites.emptyEmailError')))\n      } else if (!this.validEmail(value)) {\n        return callback(new Error(this.$t('invites.invalidEmailError')))\n      } else {\n        return callback()\n      }\n    },\n    validEmail(email) {\n      const re = /^[a-zA-Z0-9.!#$%&'*+\\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/\n      return re.test(email)\n    }\n  }\n}\n</script>\n\n<style rel='stylesheet/scss' lang='scss'>\n.invites-container {\n  .actions-container {\n    display: flex;\n    height: 36px;\n    justify-content: space-between;\n    align-items: center;\n    margin: 15px 15px 15px 15px;\n  }\n  .create-invite-token {\n    text-align: left;\n    width: 350px;\n    padding: 10px;\n  }\n  .create-new-token-dialog {\n    width: 50%;\n    a {\n      margin-bottom: 3px;\n    }\n    .el-card__body {\n      padding: 10px 20px;\n    }\n  }\n  .el-dialog__body {\n    padding: 5px 20px 0 20px\n  }\n  h1 {\n    margin: 0;\n  }\n  .icon {\n    margin-right: 5px;\n  }\n  .invite-token-table {\n    width: 100%;\n    margin: 0 15px;\n  }\n  .invite-via-email {\n    text-align: left;\n    width: 350px;\n    padding: 10px;\n  }\n  .invite-via-email-dialog {\n    width: 50%\n  }\n  .invites-header-container {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 10px 15px;\n  }\n  .info {\n    color: #666666;\n    font-size: 13px;\n    line-height: 22px;\n    margin: 0 0 10px 0;\n  }\n  .new-token-card {\n    .el-form-item {\n      margin: 0;\n    }\n  }\n  .reboot-button {\n    padding: 10px;\n    margin: 0;\n    width: 145px;\n  }\n}\n\n@media only screen and (max-width:480px) {\n  .invites-container {\n    .actions-container {\n      display: flex;\n      height: 82px;\n      flex-direction: column;\n      align-items: center;\n      margin: 15px 10px 7px 10px;\n    }\n    .cell {\n      padding: 0;\n    }\n    .create-invite-token {\n      width: 100%;\n    }\n    .create-new-token-dialog {\n      width: 85%\n    }\n    .el-date-editor {\n      width: 150px;\n    }\n    .el-dialog__body {\n      padding: 5px 15px 0 15px\n    }\n    h1 {\n      margin: 0;\n    }\n    .invite-token-table {\n      width: 100%;\n      margin: 0 5px;\n      font-size: 12px;\n      font-weight: 500;\n    }\n    .invite-via-email {\n      width: 100%;\n      margin: 10px 0 0 0;\n    }\n    .invite-via-email-dialog {\n      width: 85%\n    }\n    .invites-header-container {\n      margin: 0 10px;\n    }\n    .info {\n      margin: 0 0 10px 5px;\n    }\n    th {\n      .cell {\n        padding: 0;\n      }\n    }\n  }\n  .create-invite-token {\n    width: 100%\n  }\n  .invite-via-email {\n    width: 100%\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js?cacheDirectory!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js?cacheDirectory!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=92978bf4&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&rel=stylesheet%2Fscss&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\ncomponent.options.__file = \"index.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../node_modules/css-loader/index.js??ref--11-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/index.js??ref--11-2!../../../node_modules/sass-loader/lib/loader.js??ref--11-3!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&rel=stylesheet%2Fscss&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../node_modules/css-loader/index.js??ref--11-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/index.js??ref--11-2!../../../node_modules/sass-loader/lib/loader.js??ref--11-3!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&rel=stylesheet%2Fscss&lang=scss&\""],"sourceRoot":""}