{"version":3,"sources":["webpack:///./src/components/SaveButton.vue?465d","webpack:///src/components/SaveButton.vue","webpack:///./src/components/SaveButton.vue?c635","webpack:///./src/components/SaveButton.vue?ecc4","webpack:///./src/components/Account.vue?b990","webpack:///src/components/Account.vue","webpack:///./src/components/Account.vue?6022","webpack:///./src/components/Account.vue?4219","webpack:///./src/components/Account.vue?f4dd","webpack:///./src/components/SaveButton.vue?05ab"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","class","keep-width","saved","loading","saveErr","err-animation","btn-primary-outline","outline","style","attrs","disabled","type","on","click","onSave","directives","name","rawName","value","expression","_v","_s","buttonText","staticRenderFns","SaveButtonvue_type_script_lang_js_","data","standardWidth","props","computed","cssProps","--standard-width","concat","mounted","$refs","savebtn","clientWidth","watch","handler","_this","setTimeout","$emit","_this2","components_SaveButtonvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","id","$t","href","target","loading-view","loadingOrg","submit","onSubmit","inputType","label","placeholder","labelBG","model","form","callback","$$v","$set","hasChanges","saving","saveComplete","saveIncomplete","saveCompleteHandled","$event","saveErrHandled","Accountvue_type_script_lang_js_","ready","methods","evt","$store","dispatch","then","catch","_objectSpread","res","$nextTick","finally","deep","components","CustomInput","SaveButton","components_Accountvue_type_script_lang_js_","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Account_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Account_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SaveButton_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SaveButton_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/lazy-view-components-Account.0006be45.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{ref:\"savebtn\",staticClass:\"btn btn-primary save-btn\",class:{ 'keep-width': _vm.saved || _vm.loading || _vm.saveErr, 'err-animation': _vm.saveErr, 'btn-primary-outline': _vm.outline },style:(_vm.cssProps),attrs:{\"disabled\":_vm.disabled || _vm.loading,\"type\":\"submit\"},on:{\"click\":_vm.onSave}},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}]},[_c('i',{staticClass:\"fa-light fa-circle-notch fa-spin\"})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.saved),expression:\"saved\"}]},[_c('i',{staticClass:\"fa-light fa-check\"})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.saveErr),expression:\"saveErr\"}]},[_c('i',{staticClass:\"fa-light fa-exclamation-circle\"})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.loading && !_vm.saved && !_vm.saveErr),expression:\"!loading && !saved && !saveErr\"}]},[_vm._v(\" \"+_vm._s(_vm.buttonText)+\" \")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <button\n    ref=\"savebtn\"\n    class=\"btn btn-primary save-btn\"\n    :disabled=\"disabled || loading\"\n    type=\"submit\"\n    @click=\"onSave\"\n    :class=\"{ 'keep-width': saved || loading || saveErr, 'err-animation': saveErr, 'btn-primary-outline': outline }\"\n    :style=\"cssProps\"\n  >\n    <span v-show=\"loading\"><i class=\"fa-light fa-circle-notch fa-spin\"></i> </span>\n    <span v-show=\"saved\"><i class=\"fa-light fa-check\"></i> </span>\n    <span v-show=\"saveErr\"><i class=\"fa-light fa-exclamation-circle\"></i> </span>\n    <span v-show=\"!loading && !saved && !saveErr\"> {{ buttonText }} </span>\n  </button>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      standardWidth: null,\n    };\n  },\n  props: {\n    disabled: Boolean,\n    loading: Boolean,\n    buttonText: String,\n    onSave: Function,\n    saved: Boolean,\n    saveErr: Boolean,\n    outline: Boolean\n  },\n  computed: {\n    cssProps() {\n      return {\n        \"--standard-width\": `${this.standardWidth}px`,\n      };\n    },\n  },\n\n  mounted() {\n    this.standardWidth = this.$refs.savebtn.clientWidth;\n  },\n  watch: {\n    saved: {\n      handler: function() {\n        if (this.saved == true) {\n          setTimeout(() => {\n            this.$emit(\"saveCompleteHandled\");\n          }, 2000);\n        }\n      },\n    },\n    saveErr: {\n      handler: function() {\n        if (this.saveErr == true) {\n          setTimeout(() => {\n            this.$emit(\"saveErrHandled\");\n          }, 3000);\n        }\n      },\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n.save-btn {\n    transition: .1s;\n  &.keep-width {\n    min-width: var(--standard-width);\n  }\n  &.err-animation{\n    animation: shake-animation .4s ease ;\n    transform-origin: 50% 50%;\n  }\n}\n\n@keyframes shake-animation {\n   0% { transform:translate(0,0) }\n  10% { transform:translate(3px,0) }\n  30% { transform:translate(0,0) }\n  50% { transform:translate(3px,0) }\n  70% { transform:translate(0,0) }\n  80% { transform:translate(3px,0) }\n  100% { transform:translate(0,0) }\n\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!./SaveButton.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!./SaveButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SaveButton.vue?vue&type=template&id=4cfc7888&\"\nimport script from \"./SaveButton.vue?vue&type=script&lang=js&\"\nexport * from \"./SaveButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SaveButton.vue?vue&type=style&index=0&lang=less&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"account\"}},[_c('div',{staticClass:\"intro-wrapper\"},[_c('div',{staticClass:\"content\"},[_c('h2',[_vm._v(_vm._s(_vm.$t(\"settings.organization.title\")))]),_c('p',{staticClass:\"description text-muted\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"settings.organization.message\"))+\"\\n      \")]),_c('a',{staticClass:\"btn btn-primary-outline\",attrs:{\"href\":\"https://billing.stripe.com/p/login/6oEdT40YrbLLcmsbII\",\"target\":\"_blank\"}},[_vm._v(\"\\n        Subscription & billing\")])])]),_c('div',{staticClass:\"form-wrapper\"},[_c('form',{class:{ 'loading-view': _vm.loadingOrg },on:{\"submit\":_vm.onSubmit}},[_c('div',{staticClass:\"heading\"},[_c('h3',[_vm._v(_vm._s(_vm.$t(\"account.ac-heading\")))])]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg\"},[_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'business-name',\"label\":_vm.$t('account.ac-info-business-label'),\"placeholder\":_vm.$t('account.ac-info-business-label'),\"labelBG\":'#f2f2f2'},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'business-adress',\"label\":_vm.$t('account.ac-info-adress-label'),\"placeholder\":'e.g. Rådhuspladsen 37',\"labelBG\":'#f2f2f2'},model:{value:(_vm.form.address),callback:function ($$v) {_vm.$set(_vm.form, \"address\", $$v)},expression:\"form.address\"}})],1),_c('div',{staticClass:\"col-lg-2\"},[_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'postal-code',\"label\":_vm.$t('account.ac-info-postal-label'),\"placeholder\":'e.g. 4000',\"labelBG\":'#f2f2f2'},model:{value:(_vm.form.zipCode),callback:function ($$v) {_vm.$set(_vm.form, \"zipCode\", $$v)},expression:\"form.zipCode\"}})],1),_c('div',{staticClass:\"col-lg-4\"},[_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'business-city',\"label\":_vm.$t('account.ac-info-city-label'),\"placeholder\":'e.g. Copenhagen',\"labelBG\":'#f2f2f2'},model:{value:(_vm.form.city),callback:function ($$v) {_vm.$set(_vm.form, \"city\", $$v)},expression:\"form.city\"}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'business-contact',\"label\":_vm.$t('account.ac-info-contact-label'),\"placeholder\":'e.g. Marc Nilsson',\"labelBG\":'#f2f2f2'},model:{value:(_vm.form.contact),callback:function ($$v) {_vm.$set(_vm.form, \"contact\", $$v)},expression:\"form.contact\"}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg\"},[_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'business-email',\"label\":_vm.$t('account.ac-info-email-label'),\"placeholder\":'e.g. email@business.com',\"labelBG\":'#f2f2f2'},model:{value:(_vm.form.email),callback:function ($$v) {_vm.$set(_vm.form, \"email\", $$v)},expression:\"form.email\"}})],1),_c('div',{staticClass:\"col-lg\"},[_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'business-phone',\"label\":_vm.$t('account.ac-info-phone-label'),\"placeholder\":'e.g. +45 12345678',\"labelBG\":'#f2f2f2'},model:{value:(_vm.form.phone),callback:function ($$v) {_vm.$set(_vm.form, \"phone\", $$v)},expression:\"form.phone\"}})],1)]),_c('SaveButton',{attrs:{\"buttonText\":_vm.$t('save'),\"disabled\":!_vm.hasChanges,\"onSave\":function () { return _vm.onSubmit; },\"loading\":_vm.saving,\"saved\":_vm.saveComplete,\"saveErr\":_vm.saveIncomplete,\"outline\":\"\"},on:{\"saveCompleteHandled\":function($event){_vm.saveComplete = false},\"saveErrHandled\":function($event){_vm.saveIncomplete = false}}})],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"account\">\n    <div class=\"intro-wrapper\">\n      <div class=\"content\">\n        <h2>{{ $t(\"settings.organization.title\") }}</h2>\n        <p class=\"description text-muted\">\n          {{ $t(\"settings.organization.message\") }}\n        </p>\n        <a href=\"https://billing.stripe.com/p/login/6oEdT40YrbLLcmsbII\" target=\"_blank\" class=\"btn btn-primary-outline\">\n          Subscription &amp; billing</a\n        >\n      </div>\n    </div>\n    <div class=\"form-wrapper\">\n      <form @submit=\"onSubmit\" :class=\"{ 'loading-view': loadingOrg }\">\n        <div class=\"heading\">\n          <h3>{{ $t(\"account.ac-heading\") }}</h3>\n        </div>\n        <div class=\"content\">\n          <div class=\"row\">\n            <div class=\"col-lg\">\n              <custom-input\n                :inputType=\"'text'\"\n                v-model=\"form.name\"\n                :name=\"'business-name'\"\n                :label=\"$t('account.ac-info-business-label')\"\n                :placeholder=\"$t('account.ac-info-business-label')\"\n                :labelBG=\"'#f2f2f2'\"\n              />\n            </div>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-lg-6\">\n              <custom-input\n                :inputType=\"'text'\"\n                v-model=\"form.address\"\n                :name=\"'business-adress'\"\n                :label=\"$t('account.ac-info-adress-label')\"\n                :placeholder=\"'e.g. Rådhuspladsen 37'\"\n                :labelBG=\"'#f2f2f2'\"\n              />\n            </div>\n\n            <div class=\"col-lg-2\">\n              <custom-input\n                :inputType=\"'text'\"\n                v-model=\"form.zipCode\"\n                :name=\"'postal-code'\"\n                :label=\"$t('account.ac-info-postal-label')\"\n                :placeholder=\"'e.g. 4000'\"\n                :labelBG=\"'#f2f2f2'\"\n              />\n            </div>\n\n            <div class=\"col-lg-4\">\n              <custom-input\n                :inputType=\"'text'\"\n                v-model=\"form.city\"\n                :name=\"'business-city'\"\n                :label=\"$t('account.ac-info-city-label')\"\n                :placeholder=\"'e.g. Copenhagen'\"\n                :labelBG=\"'#f2f2f2'\"\n              />\n            </div>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-lg-6\">\n              <custom-input\n                :inputType=\"'text'\"\n                v-model=\"form.contact\"\n                :name=\"'business-contact'\"\n                :label=\"$t('account.ac-info-contact-label')\"\n                :placeholder=\"'e.g. Marc Nilsson'\"\n                :labelBG=\"'#f2f2f2'\"\n              />\n            </div>\n          </div>\n\n          <div class=\"row\">\n            <div class=\"col-lg\">\n              <custom-input\n                :inputType=\"'text'\"\n                v-model=\"form.email\"\n                :name=\"'business-email'\"\n                :label=\"$t('account.ac-info-email-label')\"\n                :placeholder=\"'e.g. email@business.com'\"\n                :labelBG=\"'#f2f2f2'\"\n              />\n            </div>\n            <div class=\"col-lg\">\n              <custom-input\n                :inputType=\"'text'\"\n                v-model=\"form.phone\"\n                :name=\"'business-phone'\"\n                :label=\"$t('account.ac-info-phone-label')\"\n                :placeholder=\"'e.g. +45 12345678'\"\n                :labelBG=\"'#f2f2f2'\"\n              />\n            </div>\n          </div>\n          <SaveButton\n            :buttonText=\"$t('save')\"\n            :disabled=\"!hasChanges\"\n            :onSave=\"() => onSubmit\"\n            :loading=\"saving\"\n            :saved=\"saveComplete\"\n            :saveErr=\"saveIncomplete\"\n            @saveCompleteHandled=\"saveComplete = false\"\n            @saveErrHandled=\"saveIncomplete = false\"\n            outline\n          />\n        </div>\n      </form>\n    </div>\n  </div>\n</template>\n\n<script>\nimport SaveButton from \"@/components/SaveButton\";\nimport CustomInput from \"@/components/CustomInput\";\nexport default {\n  data() {\n    return {\n      form: {},\n      hasChanges: false,\n      saveComplete: false,\n      saveIncomplete: false,\n      saving: false,\n      loadingOrg: false,\n      ready: false\n    };\n  },\n  methods: {\n    onSubmit(evt) {\n      evt.preventDefault();\n      this.saving = true;\n      this.$store\n        .dispatch(\"changeOrganizationInfo\", this.form)\n        .then((result) => {\n          this.saving = false;\n          this.saveComplete = true;\n          this.hasChanges = false;\n        })\n        .catch((e) => {\n          this.saving = false;\n          this.saveIncomplete = true;\n        });\n    }\n  },\n  mounted() {\n    this.loadingOrg = true;\n    this.$store\n      .dispatch(\"getOrganization\")\n      .then((res) => {\n        this.form = { ...res };\n        this.$nextTick(() => (this.ready = true));\n      })\n      .finally(() => {\n        this.loadingOrg = false;\n      });\n  },\n  watch: {\n    form: {\n      deep: true,\n      handler() {\n        if (this.ready) {\n          this.hasChanges = true;\n        }\n      }\n    }\n  },\n  components: {\n    CustomInput,\n    SaveButton\n  }\n};\n</script>\n\n<style lang=\"less\">\n#account {\n  // padding: 0 20px;\n  padding-top: 103px;\n  form {\n    background-color: var(--background-white);\n    border-radius: var(--standard-border-radius);\n    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);\n    .heading {\n      border-bottom: 1px solid var(--charcoal-20);\n      padding: 12px 20px;\n    }\n    .content {\n      padding: 12px 20px 18px;\n    }\n    button {\n      margin-top: 18px;\n    }\n  }\n}\n\n@media screen and (min-width: 920px) {\n  #account {\n    display: grid;\n    grid-template-columns: 3fr 7fr;\n    gap: 42px;\n    justify-content: space-between;\n\n    .form-wrapper {\n      display: flex;\n      justify-content: flex-end;\n      flex-grow: 1;\n      form {\n        flex-grow: 1;\n        max-width: 800px;\n      }\n    }\n  }\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!./Account.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!./Account.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Account.vue?vue&type=template&id=07fab1b8&\"\nimport script from \"./Account.vue?vue&type=script&lang=js&\"\nexport * from \"./Account.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Account.vue?vue&type=style&index=0&lang=less&\"\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","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Account.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Account.vue?vue&type=style&index=0&lang=less&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SaveButton.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SaveButton.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}