{"version":3,"sources":["webpack:///./src/components/DialogFooter.vue?8e19","webpack:///./src/components/DialogFooter.vue?3fc8","webpack:///src/components/DialogFooter.vue","webpack:///./src/components/DialogFooter.vue?6541","webpack:///./src/components/DialogFooter.vue","webpack:///./src/views/Clouds.vue?b70b","webpack:///./src/views/Clouds.vue?9083","webpack:///src/views/Clouds.vue","webpack:///./src/views/Clouds.vue?698f","webpack:///./src/views/Clouds.vue","webpack:///./src/components/EditDialog.vue?b3eb","webpack:///./src/components/EditDialog.vue?e6c2","webpack:///./src/components/EditDialog.vue?9ecb","webpack:///src/components/EditDialog.vue","webpack:///./src/components/EditDialog.vue?740c","webpack:///./src/components/EditDialog.vue","webpack:///./src/views/Clouds.vue?3131","webpack:///./src/views/Clouds.vue?f0a2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","loading","on","$event","$emit","_v","_s","$t","_e","noCancel","cancelLabel","disabled","submitLabel","staticRenderFns","name","props","Boolean","String","showDelete","component","module","exports","Component","options","__i18n","push","_Ctor","_l","cloud","key","id","handleSetCloud","description","visitedLabel","showDialog","label","message","type","submitError","handleSubmit","components","EditDialog","metaInfo","title","$i18n","t","data","computed","methods","visible","ref","formData","formRules","item","custom","model","value","callback","$$v","$set","expression","_t","submitLoading","submitDisabled","handleClose","slot","DialogFooter","error","Array","required","allowSameData","watch","handler","handleReset","deep","immediate","some","val","$refs","form","clearValidate","forEach","trigger","validate"],"mappings":"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","file":"js/clouds.a144c065.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DialogFooter.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DialogFooter.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dialog-footer\"},[(_vm.showDelete)?_c('el-button',{staticClass:\"dialog-footer__btn-destructive el-button_icon--prefix\",attrs:{\"type\":\"danger\",\"disabled\":_vm.loading,\"size\":\"small\"},on:{\"click\":function($event){return _vm.$emit('delete')}}},[_c('icon',{attrs:{\"height\":\"16\",\"width\":\"16\",\"name\":\"trash\",\"size\":\"small\"}}),_vm._v(_vm._s(_vm.$t('actions.delete'))+\" \")],1):_vm._e(),(!_vm.noCancel)?_c('el-button',{attrs:{\"disabled\":_vm.loading,\"size\":\"small\"},on:{\"click\":function($event){return _vm.$emit('cancel')}}},[_vm._v(\" \"+_vm._s(_vm.cancelLabel || _vm.$t('actions.cancel'))+\" \")]):_vm._e(),_c('el-button',{attrs:{\"disabled\":_vm.disabled,\"loading\":_vm.loading,\"size\":\"small\",\"type\":\"primary\"},on:{\"click\":function($event){return _vm.$emit('submit')}}},[_vm._v(\" \"+_vm._s(_vm.submitLabel || _vm.$t('actions.save'))+\" \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"dialog-footer\">\n    <el-button\n      v-if=\"showDelete\"\n      type=\"danger\"\n      class=\"dialog-footer__btn-destructive el-button_icon--prefix\"\n      :disabled=\"loading\"\n      size=\"small\"\n      @click=\"$emit('delete')\"\n    >\n      <icon height=\"16\" width=\"16\" name=\"trash\" size=\"small\" />{{ $t('actions.delete') }}\n    </el-button>\n    <el-button v-if=\"!noCancel\" :disabled=\"loading\" size=\"small\" @click=\"$emit('cancel')\">\n      {{ cancelLabel || $t('actions.cancel') }}\n    </el-button>\n    <el-button\n      :disabled=\"disabled\"\n      :loading=\"loading\"\n      size=\"small\"\n      type=\"primary\"\n      @click=\"$emit('submit')\"\n    >\n      {{ submitLabel || $t('actions.save') }}\n    </el-button>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'DialogFooter',\n\n  props: {\n    noCancel: Boolean,\n    cancelLabel: String,\n    submitLabel: String,\n    showDelete: Boolean,\n    loading: Boolean,\n    disabled: Boolean,\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.dialog-footer {\n  width: 100%;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  background: $color-layout-light-01;\n  & > * {\n    min-width: 90px;\n  }\n}\n.dialog-footer__btn-destructive {\n  margin-right: auto;\n}\n</style>\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!./DialogFooter.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!./DialogFooter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DialogFooter.vue?vue&type=template&id=5ebaea24&\"\nimport script from \"./DialogFooter.vue?vue&type=script&lang=js&\"\nexport * from \"./DialogFooter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DialogFooter.vue?vue&type=style&index=0&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\nexport default component.exports","module.exports = function (Component) {\n  Component.options.__i18n = Component.options.__i18n || []\n  Component.options.__i18n.push('{\"en\":{\"clouds\":\"Clouds\",\"cloudsDescription\":\"Clouds let you differentiate data between your projects, collaborate with team members and pick use-case data flow configurations.\",\"name\":{\"label\":\"Name\",\"required\":\"Please enter cloud name\"},\"description\":{\"label\":\"Description\"},\"createCloud\":\"Create new cloud\",\"addCloud\":\"Add cloud\"},\"ru\":{\"clouds\":\"Облака\",\"cloudsDescription\":\"Облака позволяют разграничивать данные между вашими проектами, осуществлять коллаборацию между членами команды, а также использовать шаблоны конфигурации под ваши задачи.\",\"name\":{\"label\":\"Название\",\"required\":\"Пожалуйста, введите название облака\"},\"description\":{\"label\":\"Описание\"},\"createCloud\":\"Создать новое облако\",\"addCloud\":\"Добавить облако\"}}')\n  delete Component.options._Ctor\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-row',{attrs:{\"justify\":\"center\",\"type\":\"flex\"}},[_c('el-col',{staticClass:\"clouds__container\"},[_c('el-card',{staticClass:\"clouds\"},[_c('h6',[_vm._v(_vm._s(_vm.$t('clouds')))]),_c('p',[_vm._v(_vm._s(_vm.$t('cloudsDescription')))]),_c('ul',{staticClass:\"clouds__list\"},_vm._l((_vm.clouds),function(cloud){return _c('li',{key:cloud.id,staticClass:\"clouds__item\",on:{\"click\":function($event){return _vm.handleSetCloud(cloud.id)}}},[_c('span',[_vm._v(_vm._s(cloud.name))]),(cloud.description)?_c('span',[_vm._v(_vm._s(cloud.description))]):_vm._e(),(cloud.visitedLabel)?_c('span',[_vm._v(_vm._s(cloud.visitedLabel))]):_vm._e(),_c('icon',{staticClass:\"clouds__item__arrow\",attrs:{\"width\":\"16\",\"height\":\"16\",\"name\":\"arrow-right\"}})],1)}),0),_c('el-divider'),_c('el-button',{staticClass:\"el-button--stretch\",on:{\"click\":function($event){_vm.showDialog = true}}},[_vm._v(_vm._s(_vm.$t('addCloud')))]),_c('edit-dialog',{attrs:{\"visible\":_vm.showDialog,\"title\":_vm.$t('actions.submit'),\"data\":[\n          {\n            name: 'name',\n            label: _vm.$t('name.label'),\n            message: _vm.$t('name.required'),\n          },\n          {\n            name: 'description',\n            label: _vm.$t('description.label'),\n            type: 'textarea',\n          } ],\"error\":_vm.submitError,\"submit-label\":_vm.$t('actions.submit')},on:{\"clearError\":function($event){_vm.submitError = false},\"close\":function($event){_vm.showDialog = false},\"submit\":_vm.handleSubmit}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <el-row justify=\"center\" type=\"flex\">\n    <el-col class=\"clouds__container\">\n      <el-card class=\"clouds\">\n        <h6>{{ $t('clouds') }}</h6>\n        <p>{{ $t('cloudsDescription') }}</p>\n        <ul class=\"clouds__list\">\n          <li\n            v-for=\"cloud in clouds\"\n            :key=\"cloud.id\"\n            class=\"clouds__item\"\n            @click=\"handleSetCloud(cloud.id)\"\n          >\n            <span>{{ cloud.name }}</span>\n            <span v-if=\"cloud.description\">{{ cloud.description }}</span>\n            <span v-if=\"cloud.visitedLabel\">{{ cloud.visitedLabel }}</span>\n            <icon class=\"clouds__item__arrow\" width=\"16\" height=\"16\" name=\"arrow-right\" />\n          </li>\n        </ul>\n        <el-divider></el-divider>\n        <el-button class=\"el-button--stretch\" @click=\"showDialog = true\">{{\n          $t('addCloud')\n        }}</el-button>\n\n        <edit-dialog\n          :visible=\"showDialog\"\n          :title=\"$t('actions.submit')\"\n          :data=\"[\n            {\n              name: 'name',\n              label: $t('name.label'),\n              message: $t('name.required'),\n            },\n            {\n              name: 'description',\n              label: $t('description.label'),\n              type: 'textarea',\n            },\n          ]\"\n          :error=\"submitError\"\n          :submit-label=\"$t('actions.submit')\"\n          @clearError=\"submitError = false\"\n          @close=\"showDialog = false\"\n          @submit=\"handleSubmit\"\n        />\n      </el-card>\n    </el-col>\n  </el-row>\n</template>\n\n<script>\nimport { mapState, mapActions, mapMutations } from 'vuex'\nimport EditDialog from '@/components/EditDialog'\n\nexport default {\n  name: 'Clouds',\n\n  components: {\n    EditDialog,\n  },\n\n  metaInfo() {\n    return {\n      title: this.$i18n.t('clouds'),\n    }\n  },\n\n  data() {\n    return {\n      showDialog: false,\n      submitError: false,\n    }\n  },\n\n  computed: {\n    ...mapState('data', ['clouds']),\n  },\n\n  methods: {\n    ...mapMutations('data', ['setActiveCloudId']),\n    ...mapActions('data', ['createCloud']),\n    async handleSetCloud(cloudId) {\n      this.setActiveCloudId(cloudId)\n      this.$router.push('/')\n    },\n    async handleSubmit({ name, description }) {\n      const { error } = await this.createCloud({\n        name,\n        description,\n      })\n\n      if (error) {\n        this.submitError = true\n      } else {\n        this.showDialog = false\n      }\n    },\n  },\n}\n</script>\n\n<i18n>\n{\n  \"en\": {\n    \"clouds\": \"Clouds\",\n    \"cloudsDescription\": \"Clouds let you differentiate data between your projects, collaborate with team members and pick use-case data flow configurations.\",\n    \"name\": {\n      \"label\": \"Name\",\n      \"required\": \"Please enter cloud name\"\n    },\n    \"description\": {\n      \"label\": \"Description\"\n    },\n    \"createCloud\": \"Create new cloud\",\n    \"addCloud\": \"Add cloud\"\n  },\n  \"ru\": {\n    \"clouds\": \"Облака\",\n    \"cloudsDescription\": \"Облака позволяют разграничивать данные между вашими проектами, осуществлять коллаборацию между членами команды, а также использовать шаблоны конфигурации под ваши задачи.\",\n    \"name\": {\n      \"label\": \"Название\",\n      \"required\": \"Пожалуйста, введите название облака\"\n    },\n    \"description\": {\n      \"label\": \"Описание\"\n    },\n    \"createCloud\": \"Создать новое облако\",\n    \"addCloud\": \"Добавить облако\"\n  }\n}\n</i18n>\n\n<style lang=\"scss\">\n.clouds__container {\n  max-width: 540px;\n}\n.clouds .el-card__body {\n  > * {\n    margin-bottom: $spacing-s;\n  }\n}\n.clouds__item {\n  position: relative;\n  padding: $spacing-s;\n  list-style: none;\n  border: 1px solid $color-layout-light-03;\n  border-radius: 4px;\n  margin-bottom: $spacing-xs;\n  &:hover {\n    background-color: $color-layout-light-02;\n    cursor: pointer;\n    .clouds__item__arrow {\n      opacity: 1;\n    }\n  }\n}\n.clouds__item__arrow {\n  position: absolute;\n  top: calc(50% - 16px / 2);\n  right: $spacing-xs;\n  opacity: 0;\n}\n</style>\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!./Clouds.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!./Clouds.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Clouds.vue?vue&type=template&id=9800d972&\"\nimport script from \"./Clouds.vue?vue&type=script&lang=js&\"\nexport * from \"./Clouds.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Clouds.vue?vue&type=style&index=0&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\n/* custom blocks */\nimport block0 from \"./Clouds.vue?vue&type=custom&index=0&blockType=i18n\"\nif (typeof block0 === 'function') block0(component)\n\nexport default component.exports","module.exports = function (Component) {\n  Component.options.__i18n = Component.options.__i18n || []\n  Component.options.__i18n.push('{\"en\":{\"title\":\"Data edit\"},\"ru\":{\"title\":\"Изменение данных\"}}')\n  delete Component.options._Ctor\n}\n","import mod from \"-!../../node_modules/@kazupon/vue-i18n-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditDialog.vue?vue&type=custom&index=0&blockType=i18n\"; export default mod; export * from \"-!../../node_modules/@kazupon/vue-i18n-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditDialog.vue?vue&type=custom&index=0&blockType=i18n\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-dialog',{staticClass:\"edit-dialog\",attrs:{\"visible\":_vm.visible,\"title\":_vm.title || _vm.$t('title')},on:{\"close\":function($event){return _vm.$emit('close')},\"closed\":function($event){return _vm.$emit('closed')}}},[_c('el-form',{ref:\"form\",attrs:{\"model\":_vm.formData,\"rules\":_vm.formRules,\"label-position\":\"top\",\"label-width\":\"100px\",\"show-message\":true,\"size\":\"small\"}},_vm._l((_vm.data),function(item){return _c('el-form-item',{key:item.name,attrs:{\"prop\":item.name,\"label\":item.label}},[(!item.custom)?_c('el-input',{attrs:{\"type\":item.type},model:{value:(_vm.formData[item.name]),callback:function ($$v) {_vm.$set(_vm.formData, item.name, $$v)},expression:\"formData[item.name]\"}}):_vm._e(),_vm._t(item.name,null,{\"formdata\":_vm.formData})],2)}),1),_c('dialog-footer',{attrs:{\"slot\":\"footer\",\"loading\":_vm.submitLoading,\"disabled\":_vm.submitDisabled,\"show-delete\":_vm.showDelete,\"submit-label\":_vm.submitLabel},on:{\"cancel\":_vm.handleClose,\"submit\":_vm.handleSubmit,\"delete\":function($event){return _vm.$emit('delete')}},slot:\"footer\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <el-dialog\n    class=\"edit-dialog\"\n    :visible=\"visible\"\n    :title=\"title || $t('title')\"\n    @close=\"$emit('close')\"\n    @closed=\"$emit('closed')\"\n  >\n    <el-form\n      ref=\"form\"\n      :model=\"formData\"\n      :rules=\"formRules\"\n      label-position=\"top\"\n      label-width=\"100px\"\n      :show-message=\"true\"\n      size=\"small\"\n    >\n      <el-form-item v-for=\"item in data\" :key=\"item.name\" :prop=\"item.name\" :label=\"item.label\">\n        <el-input v-if=\"!item.custom\" v-model=\"formData[item.name]\" :type=\"item.type\" />\n        <slot :name=\"item.name\" :formdata=\"formData\" />\n      </el-form-item>\n    </el-form>\n\n    <dialog-footer\n      slot=\"footer\"\n      :loading=\"submitLoading\"\n      :disabled=\"submitDisabled\"\n      :show-delete=\"showDelete\"\n      :submit-label=\"submitLabel\"\n      @cancel=\"handleClose\"\n      @submit=\"handleSubmit\"\n      @delete=\"$emit('delete')\"\n    />\n  </el-dialog>\n</template>\n\n<script>\nimport DialogFooter from './DialogFooter'\n\nexport default {\n  name: 'EditDialog',\n\n  components: {\n    DialogFooter,\n  },\n\n  props: {\n    title: String,\n    visible: Boolean,\n    showDelete: Boolean,\n    error: Boolean,\n    submitLabel: String,\n    data: {\n      type: Array,\n      required: true,\n    },\n    allowSameData: Boolean,\n  },\n\n  data() {\n    return {\n      formData: {},\n      formRules: {},\n\n      submitLoading: false,\n      submitDisabled: false,\n    }\n  },\n\n  watch: {\n    data: {\n      handler() {\n        this.handleReset()\n      },\n      deep: true,\n      immediate: true,\n    },\n    formData: {\n      handler(val) {\n        this.$emit('clearError')\n        if (this.allowSameData || this.data.some(item => item.value !== val[item.name])) {\n          this.submitDisabled = false\n        } else {\n          this.submitDisabled = true\n        }\n      },\n      deep: true,\n      immediate: true,\n    },\n    error(val) {\n      this.submitLoading = !val\n      this.submitDisabled = val\n    },\n  },\n\n  methods: {\n    handleReset() {\n      this.formData = {}\n      this.formRules = {}\n      this.$refs.form && this.$refs.form.clearValidate()\n      this.submitLoading = false\n      this.submitDisabled = false\n      this.data.forEach(item => {\n        this.$set(this.formData, item.name, item.value || '')\n        if (item.message) {\n          this.$set(this.formRules, item.name, {\n            required: true,\n            message: item.message,\n            trigger: 'blur',\n          })\n        }\n      })\n    },\n    handleClose() {\n      this.$emit('close')\n      this.handleReset()\n    },\n    handleSubmit() {\n      this.$refs.form.validate(async valid => {\n        if (valid) {\n          this.submitLoading = true\n          this.$emit('submit', this.formData)\n        } else {\n          this.submitDisabled = true\n          return false\n        }\n      })\n    },\n  },\n}\n</script>\n\n<i18n>\n{\n  \"en\": {\n    \"title\": \"Data edit\"\n  },\n  \"ru\": {\n    \"title\": \"Изменение данных\"\n  }\n}\n</i18n>\n\n<style lang=\"scss\"></style>\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!./EditDialog.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!./EditDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditDialog.vue?vue&type=template&id=5a0f18f2&\"\nimport script from \"./EditDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./EditDialog.vue?vue&type=script&lang=js&\"\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\n/* custom blocks */\nimport block0 from \"./EditDialog.vue?vue&type=custom&index=0&blockType=i18n\"\nif (typeof block0 === 'function') block0(component)\n\nexport default component.exports","import mod from \"-!../../node_modules/@kazupon/vue-i18n-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Clouds.vue?vue&type=custom&index=0&blockType=i18n\"; export default mod; export * from \"-!../../node_modules/@kazupon/vue-i18n-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Clouds.vue?vue&type=custom&index=0&blockType=i18n\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Clouds.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Clouds.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}