{"version":3,"sources":["webpack:///./src/components/EditorHeader.vue?705e","webpack:///src/components/EditorHeader.vue","webpack:///./src/components/EditorHeader.vue?d240","webpack:///./src/components/EditorHeader.vue?f214","webpack:///./src/components/ToggleButton.vue?eaf9","webpack:///src/components/ToggleButton.vue","webpack:///./src/components/ToggleButton.vue?c071","webpack:///./src/components/ToggleButton.vue?9af0","webpack:///./src/components/ToggleButton.vue?f13b","webpack:///./src/components/EditorHeader.vue?1799"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_v","_s","$store","state","template","metadata","name","$t","unsavedChanges","editorIsDemoVersion","attrs","id","disabled","saving","showingTemplateBackupInPreview","on","click","saveChanges","_e","staticStyle","margin-left","color","tooltip","showTooltips","showRawHTML","tooltip-placement","$event","handleToggleHTML","directives","rawName","value","expression","text","onToggleButton","splitScreen","comparisonView","staticRenderFns","EditorHeadervue_type_script_lang_js_","props","type","data","savingError","templateBackups","isDemo","computed","templatePreviewAsHTML","methods","_this","dispatch","then","$emit","enableComparisonView","disableComparisonView","commit","components","ToggleButton","mounted","EventBus","components_EditorHeadervue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","style","marginRight","noLabel","class","reverse","reverseLayout","domProps","checked","change","onToggle","innerHTML","ToggleButtonvue_type_script_lang_js_","default","activeColor","toggled","cssProps","--active-color","components_ToggleButtonvue_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_ToggleButton_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_ToggleButton_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_EditorHeader_vue_vue_type_style_index_0_id_22a341a8_lang_less_scoped_true___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_EditorHeader_vue_vue_type_style_index_0_id_22a341a8_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/lazy-view-components-EditorHeader.312c403b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"file-header\"},[_c('div',{staticClass:\"d-flex flex-grow flex-grow-1\"},[_vm._m(0),_c('div',{staticClass:\"header-file\"},[_c('h4',{staticClass:\"file-name\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$store.state.template.metadata.name || _vm.$t(\"editor-header.file-name\"))+\"\\n      \")]),_c('span',{staticClass:\"file-status\"},[_c('span',[_vm._v(\"—\")]),_vm._v(_vm._s(_vm.unsavedChanges ? _vm.$t(\"editor-header.status-nosave\") : _vm.$t(\"editor-header.status-save\"))+\"\\n      \")]),(_vm.$store.state.unsavedChanges && !_vm.$store.state.editorIsDemoVersion)?_c('button',{staticClass:\"save-button btn btn-xs btn-primary btn-flex\",attrs:{\"id\":\"save-template-btn\",\"disabled\":_vm.saving || _vm.$store.state.showingTemplateBackupInPreview},on:{\"click\":_vm.saveChanges}},[_c('i',{staticClass:\"fa-light fa-save\"}),_vm._v(\"\\n        \"+_vm._s(_vm.saving ? _vm.$t(\"editor-header.save-btn-saving\") : _vm.$t(\"editor-header.save-btn-saved\"))+\"\\n      \")]):_vm._e(),(_vm.savingError)?_c('span',{staticStyle:{\"margin-left\":\"15px\",\"color\":\"#cd4b3d\"}},[_vm._v(_vm._s(_vm.$t(\"editor-header.save-error\")))]):_vm._e()])]),(!_vm.$store.state.editorIsDemoVersion)?_c('div',{staticClass:\"actions\"},[_c('button',{staticClass:\"btn btn-xs\",attrs:{\"tooltip\":_vm.$store.state.showTooltips == true ? (!_vm.showRawHTML ? _vm.$t('sentence.raw') : _vm.$t('sentence.pretty')) : '',\"tooltip-placement\":\"bottom\"},on:{\"click\":function($event){return _vm.handleToggleHTML()}}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showRawHTML),expression:\"!showRawHTML\"}]},[_c('i',{staticClass:\"fa-light fa-code\"})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showRawHTML),expression:\"showRawHTML\"}]},[_c('i',{staticClass:\"fa-light fa-code btn-active\"})])]),_c('ToggleButton',{staticClass:\"comparison-btn\",attrs:{\"text\":_vm.$t('multiview.main-btn'),\"onToggleButton\":_vm.splitScreen,\"value\":_vm.comparisonView}})],1):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"file-icon\"},[_c('i',{staticClass:\"fa-light fa-file\"})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"file-header\">\n    <div class=\"d-flex flex-grow flex-grow-1\">\n      <div class=\"file-icon\">\n        <i class=\"fa-light fa-file\"></i>\n      </div>\n      <div class=\"header-file\">\n        <h4 class=\"file-name\">\n          {{ $store.state.template.metadata.name || $t(\"editor-header.file-name\") }}\n        </h4>\n        <span class=\"file-status\">\n          <span>&#8212;</span>{{ unsavedChanges ? $t(\"editor-header.status-nosave\") : $t(\"editor-header.status-save\") }}\n        </span>\n        <button\n          v-if=\"$store.state.unsavedChanges && !$store.state.editorIsDemoVersion\"\n          @click=\"saveChanges\"\n          id=\"save-template-btn\"\n          class=\"save-button btn btn-xs btn-primary btn-flex\"\n          :disabled=\"saving || $store.state.showingTemplateBackupInPreview\"\n        >\n          <i class=\"fa-light fa-save\"></i>\n          {{ saving ? $t(\"editor-header.save-btn-saving\") : $t(\"editor-header.save-btn-saved\") }}\n        </button>\n        <span v-if=\"savingError\" style=\"margin-left: 15px; color: #cd4b3d\">{{ $t(\"editor-header.save-error\") }}</span>\n      </div>\n    </div>\n\n    <div class=\"actions\" v-if=\"!$store.state.editorIsDemoVersion\">\n      <button\n        @click=\"handleToggleHTML()\"\n        class=\"btn btn-xs\"\n        :tooltip=\"$store.state.showTooltips == true ? (!showRawHTML ? $t('sentence.raw') : $t('sentence.pretty')) : ''\"\n        tooltip-placement=\"bottom\"\n      >\n        <div v-show=\"!showRawHTML\">\n          <i class=\"fa-light fa-code\"></i>\n        </div>\n        <div v-show=\"showRawHTML\">\n          <i class=\"fa-light fa-code btn-active\"></i>\n        </div>\n      </button>\n      <ToggleButton\n        class=\"comparison-btn\"\n        :text=\"$t('multiview.main-btn')\"\n        :onToggleButton=\"splitScreen\"\n        :value=\"comparisonView\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport EventBus from \"@/assets/js/eventBus.js\";\nimport ToggleButton from \"@/components/ToggleButton\";\nexport default {\n  name: \"EditorHeader\",\n  props: {\n    unsavedChanges: {\n      type: Boolean,\n    },\n  },\n  data() {\n    return {\n      saving: false,\n      savingError: false,\n      comparisonView: false,\n      templateBackups: [],\n      isDemo: true\n    };\n  },\n  computed:{\n    showRawHTML(){\n      return this.$store.state.templatePreviewAsHTML\n    }\n  },\n  methods: {\n    saveChanges() {\n      this.saving = true;\n      this.savingError = false;\n      this.$store.dispatch(\"saveTemplateChanges\").then(\n        () => {\n          this.saving = false;\n        },\n        () => {\n          this.saving = false;\n          this.savingError = true;\n        },\n      );\n    },\n    splitScreen() {\n      this.$emit(\"comparison-view\");\n    },\n    enableComparisonView() {\n      this.comparisonView = true;\n    },\n    disableComparisonView() {\n      this.comparisonView = false;\n    },\n\thandleToggleHTML(){\n    this.$store.commit(\"toggleTemplatePreviewAsHTML\")\n\t\t// this.showRawHTML = !this.showRawHTML\n\t\t// this.$emit(\"toggle-html\")\n\t}\n  },\n  components: {\n    ToggleButton,\n  },\n  mounted() {\n    // EventBus.$on('save_quit', this.saveNQuit)\n    EventBus.$on(\"comparison_view_on\", this.enableComparisonView);\n    EventBus.$on(\"comparison_view_off\", this.disableComparisonView);\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.file-header {\n  position: relative;\n  height: 40px;\n  // background-color: #F1F1F1;\n  background-color: var(--alabaster);\n  line-height: 40px;\n  display: flex;\n  flex-direction: row;\n\n  .file-icon {\n    margin-left: 80px;\n    width: 12px;\n  }\n\n  .header-file {\n    margin-left: 15px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    .file-name {\n      font-family: \"Roboto\", sans-serif !important;\n      text-transform: unset !important;\n      margin: 0;\n    }\n    .file-status {\n      color: var(--charcoal-50);\n\n      span {\n        color: var(--charcoal);\n        margin: 0 5px;\n      }\n    }\n\n    .btn.btn-xs.btn-secondary {\n      padding: 1px 0.5rem !important;\n      margin-left: 15px;\n    }\n  }\n  .data-btn {\n    margin-left: auto;\n    margin-right: 25px;\n\n    button {\n      background-color: #fafafa;\n      border: none;\n      color: #8f979c;\n      font-weight: 500;\n      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);\n      font-size: 12px;\n      border-radius: 0px !important;\n\n      i {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .actions {\n    display: flex;\n    gap: 12px;\n  }\n  .btn-active {\n    color: var(--orange-web);\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!./EditorHeader.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!./EditorHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditorHeader.vue?vue&type=template&id=22a341a8&scoped=true&\"\nimport script from \"./EditorHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./EditorHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditorHeader.vue?vue&type=style&index=0&id=22a341a8&lang=less&scoped=true&\"\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  \"22a341a8\",\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',{staticClass:\"toggle-button\",style:({marginRight: _vm.noLabel ? 0 : 12 + 'px'})},[_c('div',{staticClass:\"toggle\"},[_c('div',{staticClass:\"toggle-wrapper\",class:{reverse: _vm.reverseLayout},style:(_vm.cssProps)},[_c('input',{attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":_vm.value},on:{\"change\":function($event){return _vm.onToggle()}}}),_c('span',{staticClass:\"slider round\",class:_vm.value ? 'checked':'',on:{\"click\":function($event){return _vm.onToggle()}}}),(!_vm.noLabel)?_c('label',{staticClass:\"toggle-button-label\",domProps:{\"innerHTML\":_vm._s(_vm.text)},on:{\"click\":function($event){return _vm.onToggle()}}}):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"toggle-button\" :style=\"{marginRight: noLabel ? 0 : 12 + 'px'}\">\n\t\t<div class=\"toggle\">\n\t\t\t<div class=\"toggle-wrapper\" :class=\"{reverse: reverseLayout}\" :style=\"cssProps\">\n\t\t\t\t<input type=\"checkbox\" :checked=\"value\" @change=\"onToggle()\">\n\t\n\t\t\t\t<span @click=\"onToggle()\" class=\"slider round\" :class=\"value ? 'checked':''\"></span>\n\t\t\t\t<label v-if=\"!noLabel\" class=\"toggle-button-label\" @click=\"onToggle()\" v-html=\"text\"></label>\n\t\t\t\t<!-- <label @click=\"onToggle()\">{{text}}</label> -->\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tname: 'ToggleButton',\n\t\tprops: {\n            onToggleButton: Function,\n            text: String,\n\t\t\tvalue: Boolean,\n\t\t\treverseLayout: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: false\n\t\t\t},\n\t\t\tnoLabel: Boolean,\n\t\t\tactiveColor: {\n\t\t\t\ttype: String,\n\t\t\t\tdefault: \"var(--orange-web)\"\n\t\t\t}\n        },\n        data(){\n            return{\n                toggled: false\n            }\n        },\n\t\tcomputed:{\n\t\t\tcssProps(){\n\t\t\t\treturn {\"--active-color\": this.activeColor}\n\t\t\t}\n\t\t},\n        methods:{\n            onToggle(){\n                this.toggled = !this.toggled\n                this.onToggleButton()\n            }  \n        }\n\t}\n</script>\n\n<style lang=\"less\">\n\t.toggle-button{\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\t// padding: 10px 0;\n\t\t\t\n\n\t\t\t.toggle{\n\t\t\t\tposition: relative;\t\t\n\t\t\t\t.toggle-wrapper{\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: row;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\t// justify-content: center;\n\t\t\t\t\n\t\t\t\t}\n\t\t\t\t.reverse{\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: row-reverse;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tgap: 12px;\n\t\t\t\t}\n\t\t\t\tlabel.toggle-button-label{\n\t\t\t\t\tmargin:0;\n\t\t\t\t\tpadding-left: 4px;\n\t\t\t\t\t// padding-top: 1px;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tline-height: 13px;\n\t\t\t\t}\n\t\t\t\tinput {\n\t\t\t\t\topacity: 0;\n\t\t\t\t\twidth: 0;\n\t\t\t\t\theight: 0;\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t.slider{\n\t\t\t\t\twidth: 24px;\n\t\t\t\t\theight: 14px;\n\t\t\t\t\tborder-radius: 1px;\n\t\t\t\t\tcolor: #fafafa;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tz-index: 99;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\tright: 0;\n\t\t\t\t\tbottom: 0;\n\t\t\t\t\tbackground-color: rgba(176, 179, 176, 0.144);\n\t\t\t\t\t-webkit-transition: .4s;\n\t\t\t\t\ttransition: .4s;\n\t\t\t\t\tbox-shadow: 0 0 3px rgba(0, 0, 0, 0.178);;\n\t\t\t\t\t&:before {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\theight: 10px;\n\t\t\t\t\twidth: 10px;\n\t\t\t\t\tleft: 2px;\n\t\t\t\t\tbottom: 2px;\n\t\t\t\t\tborder-radius: 1px;\n\t\t\t\t\tbackground-color: white;\n\t\t\t\t\t-webkit-transition: .4s;\n\t\t\t\t\ttransition: .4s;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tinput:checked + .slider {\n\t\t\t\t\tbackground-color: var(--active-color);\n\t\t\t\t}\n\t\t\t\tinput:focus + .slider {\n\t\t\t\t\tbox-shadow: 0 0 1px var(--active-color);\n\t\t\t\t}\n\t\t\t\t.checked {\n\t\t\t\t\tbackground-color: var(--active-color);\n\t\t\t\t\tbox-shadow: 0 0 1px var(--active-color);\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t&:before{\t\n\t\t\t\t\t\t-webkit-transform: translateX(10px);\n\t\t\t\t\t\t-ms-transform: translateX(10px);\n\t\t\t\t\t\ttransform: translateX(10px);\n\t\t\t\t\t\t}\n\t\t\t\t}\n\t\t\n\n\n\t\t\t\tinput:checked + .slider:before {\n\t\t\t\t-webkit-transform: translateX(10px);\n\t\t\t\t-ms-transform: translateX(10px);\n\t\t\t\ttransform: translateX(10px);\n\t\t\t\t}\n\n\t\t\t\t/* Rounded sliders */\n\t\t\t\t.slider.round {\n\t\t\t\t\tborder-radius: 34px;\n\t\t\t\t}\n\n\t\t\t\t.slider.round:before {\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n</style>\n\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!./ToggleButton.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!./ToggleButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToggleButton.vue?vue&type=template&id=11f71745&\"\nimport script from \"./ToggleButton.vue?vue&type=script&lang=js&\"\nexport * from \"./ToggleButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ToggleButton.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!./ToggleButton.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!./ToggleButton.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!./EditorHeader.vue?vue&type=style&index=0&id=22a341a8&lang=less&scoped=true&\"; 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!./EditorHeader.vue?vue&type=style&index=0&id=22a341a8&lang=less&scoped=true&\""],"sourceRoot":""}