{"version":3,"sources":["webpack:///./src/views/forms/form-element/quill-editor/QuillEditor.vue?e027","webpack:///./src/views/forms/form-element/quill-editor/QuillEditor.vue?be0f","webpack:///./src/views/forms/form-element/quill-editor/QuillEditorSnow.vue?bdb6","webpack:///./src/views/forms/form-element/quill-editor/code.js","webpack:///src/views/forms/form-element/quill-editor/QuillEditorSnow.vue","webpack:///./src/views/forms/form-element/quill-editor/QuillEditorSnow.vue?53be","webpack:///./src/views/forms/form-element/quill-editor/QuillEditorSnow.vue","webpack:///./src/views/forms/form-element/quill-editor/QuillEditorBubble.vue?5cff","webpack:///src/views/forms/form-element/quill-editor/QuillEditorBubble.vue","webpack:///./src/views/forms/form-element/quill-editor/QuillEditorBubble.vue?dec5","webpack:///./src/views/forms/form-element/quill-editor/QuillEditorBubble.vue","webpack:///./src/views/forms/form-element/quill-editor/QuillEditorCustom.vue?3226","webpack:///src/views/forms/form-element/quill-editor/QuillEditorCustom.vue","webpack:///./src/views/forms/form-element/quill-editor/QuillEditorCustom.vue?7c7d","webpack:///./src/views/forms/form-element/quill-editor/QuillEditorCustom.vue","webpack:///src/views/forms/form-element/quill-editor/QuillEditor.vue","webpack:///./src/views/forms/form-element/quill-editor/QuillEditor.vue?a93b","webpack:///./src/views/forms/form-element/quill-editor/QuillEditor.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","scopedSlots","_u","key","fn","_v","_s","codeSnow","proxy","snowOption","model","value","callback","$$v","content","expression","codeBubble","codeCustom","components","quillEditor","BCardCode","BCardText","data","theme","component","editorOption","syntax","modules","toolbar","slot","staticClass","on","customButtonClick","methods","alert","BRow","BCol","QuillEditorSnow","QuillEditorBubble","QuillEditorCustom"],"mappings":"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","file":"js/chunk-0288c37d.350a78e4.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuillEditor.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('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('quill-editor-snow'),_c('quill-editor-bubble'),_c('quill-editor-custom')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Snow Editor\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeSnow)+\" \")]},proxy:true}])},[_c('b-card-text',[_vm._v(\"Snow is a clean, flat toolbar theme\")]),_c('quill-editor',{attrs:{\"options\":_vm.snowOption},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const codeBubble = `\n<template>\n  <div>\n    <quill-editor\n      v-model=\"content\"\n      :options=\"editorOption\"\n    />\n  </div>\n</template>\n\n<script>\nimport { quillEditor } from 'vue-quill-editor'\n\n// eslint-disable-next-line\nimport 'quill/dist/quill.core.css'\n// eslint-disable-next-line\nimport 'quill/dist/quill.snow.css'\n// eslint-disable-next-line\nimport 'quill/dist/quill.bubble.css'\n\nexport default {\n  components: {\n    quillEditor,\n  },\n  data: () => ({\n    editorOption: {\n      theme: 'bubble',\n    },\n    content: \\`<h2><span>Quill Rich Text Editor</span></h2><br />\n<p>Quill is a free, <a href=\"https://github.com/quilljs/quill/\">open source</a> WYSIWYG editor built for the modern web. With its <a href=\"http://quilljs.com/docs/modules/\">modular architecture</a> and expressive <a href=\"http://quilljs.com/docs/api/\">API</a>.</p><br />\n<iframe class=\"ql-video\" src=\"https://www.youtube.com/embed/QHH3iSeDBLo?showinfo=0\" width=\"560\" height=\"238\"></iframe>\\`,\n  }),\n}\n</script>\n`\n\nexport const codeSnow = `\n<template>\n  <quill-editor\n    v-model=\"content\"\n    :options=\"snowOption\"\n  />\n</template>\n\n<script>\n// eslint-disable-next-line\nimport 'quill/dist/quill.core.css'\n// eslint-disable-next-line\nimport 'quill/dist/quill.snow.css'\n// eslint-disable-next-line\nimport 'quill/dist/quill.bubble.css'\n\nimport { quillEditor } from 'vue-quill-editor'\n\nexport default {\n  components: {\n    quillEditor,\n  },\n  data: () => ({\n    content: \\`<h1>Quill Rich Text Editor</h1>\n  <p>Quill is a free, <a href=\"https://github.com/quilljs/quill/\">open source</a> WYSIWYG editor built for the modern web. With its <a href=\"http://quilljs.com/docs/modules/\">modular architecture</a> and expressive <a href=\"http://quilljs.com/docs/api/\">API</a>, it is completely customizable to fit any need.</p>\n  <iframe class=\"ql-video\" src=\"https://www.youtube.com/embed/QHH3iSeDBLo?showinfo=0\" width=\"560\" height=\"238\"></iframe>\n  <p><br></p>\n  <h2>Getting Started is Easy</h2>\n  <p><br></p>\n  <pre>\n// &lt;link href=\"https://cdn.quilljs.com/1.0.5/quill.snow.css\" rel=\"stylesheet\"&gt;\n// &lt;script src=\"https://cdn.quilljs.com/1.0.5/quill.min.js\" type=\"text/javascript\"&gt;&lt;/script&gt;\n  var quill = new Quill('#editor', {\n  modules: {\n  toolbar: '#toolbar'\n  },\n  theme: 'snow'\n  });\n// Open your browser's developer console to try out the API!</pre>  \\`,\n  }),\n}\n</script>\n`\nexport const codeCustom = `\n<template>\n  <div>\n    <quill-editor\n      v-model=\"content\"\n      :options=\"editorOption\"\n      >\n      <div\n        id=\"toolbar\"\n        slot=\"toolbar\"\n      >\n        <!-- Add a bold button -->\n        <button class=\"ql-bold\">\n          Bold\n        </button>\n        <button class=\"ql-italic\">\n          Italic\n        </button>\n\n        <!-- Add font size dropdown -->\n        <select class=\"ql-size\">\n          <option value=\"small\" />\n          <!-- Note a missing, thus falsy value, is used to reset to default -->\n          <option selected />\n          <option value=\"large\" />\n          <option value=\"huge\" />\n        </select>\n\n        <select class=\"ql-font\">\n          <option selected=\"selected\" />\n          <option value=\"serif\" />\n          <option value=\"monospace\" />\n        </select>\n\n        <!-- Add subscript and superscript buttons -->\n        <button\n          class=\"ql-script\"\n          value=\"sub\"\n        />\n        <button\n          class=\"ql-script\"\n          value=\"super\"\n        />\n\n        <!-- You can also add your own -->\n        <button\n          style=\"width:auto\"\n          @click=\"customButtonClick\"\n        >\n          Click here\n        </button>\n      </div>\n    </quill-editor>\n  </div>\n</template>\n\n<script>\n// eslint-disable-next-line\nimport 'quill/dist/quill.core.css'\n// eslint-disable-next-line\nimport 'quill/dist/quill.snow.css'\n// eslint-disable-next-line\nimport 'quill/dist/quill.bubble.css'\nimport { quillEditor } from 'vue-quill-editor'\n\nexport default {\n  components: {\n    quillEditor,\n  },\n  data: () => ({\n    editorOption: {\n      modules: {\n        toolbar: '#toolbar',\n      },\n    },\n    content: \\`<h2><span class=\"ql-font-serif\">Quill Rich Text Editor</span></h2><br />\n<p>Quill is a free, <a href=\"https://github.com/quilljs/quill/\">open source</a> WYSIWYG editor built for the modern web. With its <a href=\"http://quilljs.com/docs/modules/\">modular architecture</a> and expressive <a href=\"http://quilljs.com/docs/api/\">API</a>, it is completely customizable to fit any need.</p><br />\n<iframe class=\"ql-video\" src=\"https://www.youtube.com/embed/QHH3iSeDBLo?showinfo=0\" width=\"560\" height=\"238\"></iframe>\\`,\n  }),\n  methods: {\n    customButtonClick() {\n      alert('Button clicked!')\n    },\n  },\n}\n</script>\n`\n","<template>\n  <b-card-code title=\"Snow Editor\">\n    <b-card-text>Snow is a clean, flat toolbar theme</b-card-text>\n\n    <quill-editor\n      v-model=\"content\"\n      :options=\"snowOption\"\n    />\n\n    <template #code>\n      {{ codeSnow }}\n    </template>\n  </b-card-code>\n</template>\n\n<script>\nimport { BCardText } from 'bootstrap-vue'\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\nimport { quillEditor } from 'vue-quill-editor'\nimport { codeSnow } from './code'\n\nexport default {\n  components: {\n    quillEditor,\n    BCardCode,\n    BCardText,\n  },\n  data() {\n    return {\n      codeSnow,\n      snowOption: {\n        theme: 'snow',\n      },\n      content: `<h1 class=\"ql-align-center\">Quill Rich Text Editor</h1>\n                    <p class=\"card-text\"><br /></p>\n                    <p class=\"card-text\">\n                      Quill is a free, <a href=\"https://github.com/quilljs/quill/\">open source</a> WYSIWYG editor built\n                      for the modern web. With its\n                      <a href=\"http://quilljs.com/docs/modules/\">modular architecture</a> and expressive\n                      <a href=\"http://quilljs.com/docs/api/\">API</a>, it is completely customizable to fit any need.\n                    </p>\n                    <p class=\"card-text\"><br /></p>\n                    <iframe\n                      class=\"ql-video ql-align-center\"\n                      src=\"https://www.youtube.com/embed/QHH3iSeDBLo?showinfo=0\"\n                      width=\"560\"\n                      height=\"238\"\n                    ></iframe>\n                    <p class=\"card-text\"><br /></p>\n                    <p class=\"card-text\"><br /></p>\n                    <h2 class=\"ql-align-center\">Getting Started is Easy</h2>\n                    <p class=\"card-text\"><br /></p>\n                    <pre>\n// &lt;link href=\"https://cdn.quilljs.com/1.3.6/quill.snow.css\" rel=\"stylesheet\"&gt;\n// &lt;script src=\"https://cdn.quilljs.com/1.3.6/quill.min.js\" type=\"text/javascript\"&gt;&lt;/script&gt;\nvar quill = new Quill('#editor', {\n    modules: {\n        toolbar: '#toolbar'\n    },\n    theme: 'snow'\n});\n// Open your browser's developer console to try out the API!</pre>`,\n    }\n  },\n\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuillEditorSnow.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuillEditorSnow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuillEditorSnow.vue?vue&type=template&id=f1b35b48&\"\nimport script from \"./QuillEditorSnow.vue?vue&type=script&lang=js&\"\nexport * from \"./QuillEditorSnow.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Bubble Editor\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeBubble)+\" \")]},proxy:true}])},[_c('b-card-text',[_vm._v(\"Bubble is a simple tooltip based theme.\")]),_c('quill-editor',{attrs:{\"options\":_vm.editorOption},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card-code title=\"Bubble Editor\">\n    <b-card-text>Bubble is a simple tooltip based theme.</b-card-text>\n\n    <quill-editor\n      v-model=\"content\"\n      :options=\"editorOption\"\n    />\n\n    <template #code>\n      {{ codeBubble }}\n    </template>\n  </b-card-code>\n</template>\n\n<script>\nimport { BCardText } from 'bootstrap-vue'\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\nimport { quillEditor } from 'vue-quill-editor'\nimport { codeBubble } from './code'\n\nexport default {\n  components: {\n    quillEditor,\n    BCardCode,\n    BCardText,\n  },\n  data() {\n    return {\n      codeBubble,\n      editorOption: {\n        theme: 'bubble',\n        syntax: false,\n        modules: {\n          toolbar: [\n            ['bold', 'italic'],\n            [{ header: [1, 2, 3, 4, 5, 6, false] }],\n            ['link', 'image'],\n          ],\n        },\n      },\n      content: `<h1 class=\"ql-align-center\">Quill Rich Text Editor</h1>\n                    <p class=\"card-text\"><br /></p>\n                    <p class=\"card-text\">\n                      Quill is a free, <a href=\"https://github.com/quilljs/quill/\">open source</a> WYSIWYG editor built\n                      for the modern web. With its\n                      <a href=\"http://quilljs.com/docs/modules/\">modular architecture</a> and expressive\n                      <a href=\"http://quilljs.com/docs/api/\">API</a>, it is completely customizable to fit any need.\n                    </p>\n                    <p class=\"card-text\"><br /></p>\n                    <iframe\n                      class=\"ql-video ql-align-center\"\n                      src=\"https://www.youtube.com/embed/QHH3iSeDBLo?showinfo=0\"\n                      width=\"560\"\n                      height=\"238\"\n                    ></iframe>\n                    <p class=\"card-text\"><br /></p>\n                    <p class=\"card-text\"><br /></p>\n                    <h2 class=\"ql-align-center\">Getting Started is Easy</h2>\n                    <p class=\"card-text\"><br /></p>\n                    <pre>\n// &lt;link href=\"https://cdn.quilljs.com/1.3.6/quill.snow.css\" rel=\"stylesheet\"&gt;\n// &lt;script src=\"https://cdn.quilljs.com/1.3.6/quill.min.js\" type=\"text/javascript\"&gt;&lt;/script&gt;\nvar quill = new Quill('#editor', {\n    modules: {\n        toolbar: '#toolbar'\n    },\n    theme: 'bubble'\n});\n// Open your browser's developer console to try out the API!</pre>`,\n    }\n  },\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuillEditorBubble.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuillEditorBubble.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuillEditorBubble.vue?vue&type=template&id=351c068a&\"\nimport script from \"./QuillEditorBubble.vue?vue&type=script&lang=js&\"\nexport * from \"./QuillEditorBubble.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Custom Toolbar\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeCustom)+\" \")]},proxy:true}])},[_c('b-card-text',[_vm._v(\"You have freedom to create your own custom toolbar\")]),_c('quill-editor',{attrs:{\"options\":_vm.editorOption},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}},[_c('div',{attrs:{\"slot\":\"toolbar\",\"id\":\"toolbar\"},slot:\"toolbar\"},[_c('button',{staticClass:\"ql-bold\"},[_vm._v(\" Bold \")]),_c('button',{staticClass:\"ql-italic\"},[_vm._v(\" Italic \")]),_c('select',{staticClass:\"ql-size\"},[_c('option',{attrs:{\"value\":\"small\"}}),_c('option',{attrs:{\"selected\":\"\"}}),_c('option',{attrs:{\"value\":\"large\"}}),_c('option',{attrs:{\"value\":\"huge\"}})]),_c('select',{staticClass:\"ql-font\"},[_c('option',{attrs:{\"selected\":\"selected\"}}),_c('option',{attrs:{\"value\":\"serif\"}}),_c('option',{attrs:{\"value\":\"monospace\"}})]),_c('button',{staticClass:\"ql-script\",attrs:{\"value\":\"sub\"}}),_c('button',{staticClass:\"ql-script\",attrs:{\"value\":\"super\"}}),_c('button',{staticClass:\"w-auto btn btn-primary\",on:{\"click\":_vm.customButtonClick}},[_vm._v(\" Click here \")])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card-code title=\"Custom Toolbar\">\n    <b-card-text>You have freedom to create your own custom toolbar</b-card-text>\n\n    <quill-editor\n      v-model=\"content\"\n      :options=\"editorOption\"\n    >\n      <div\n        id=\"toolbar\"\n        slot=\"toolbar\"\n      >\n        <!-- Add a bold button -->\n        <button class=\"ql-bold\">\n          Bold\n        </button>\n        <button class=\"ql-italic\">\n          Italic\n        </button>\n\n        <!-- Add font size dropdown -->\n        <select class=\"ql-size\">\n          <option value=\"small\" />\n          <!-- Note a missing, thus falsy value, is used to reset to default -->\n          <option selected />\n          <option value=\"large\" />\n          <option value=\"huge\" />\n        </select>\n\n        <select class=\"ql-font\">\n          <option selected=\"selected\" />\n          <option value=\"serif\" />\n          <option value=\"monospace\" />\n        </select>\n\n        <!-- Add subscript and superscript buttons -->\n        <button\n          class=\"ql-script\"\n          value=\"sub\"\n        />\n        <button\n          class=\"ql-script\"\n          value=\"super\"\n        />\n\n        <!-- You can also add your own -->\n        <button\n          class=\"w-auto btn btn-primary\"\n          @click=\"customButtonClick\"\n        >\n          Click here\n        </button>\n      </div>\n    </quill-editor>\n\n    <template #code>\n      {{ codeCustom }}\n    </template>\n  </b-card-code>\n</template>\n\n<script>\nimport { BCardText } from 'bootstrap-vue'\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\nimport { quillEditor } from 'vue-quill-editor'\nimport { codeCustom } from './code'\n\nexport default {\n  components: {\n    quillEditor,\n    BCardCode,\n    BCardText,\n  },\n  data() {\n    return {\n      codeCustom,\n      editorOption: {\n        modules: {\n          toolbar: '#toolbar',\n        },\n      },\n      content: `<h1 class=\"ql-align-center\">Quill Rich Text Editor</h1>\n                    <p class=\"card-text\"><br /></p>\n                    <p class=\"card-text\">\n                      Quill is a free, <a href=\"https://github.com/quilljs/quill/\">open source</a> WYSIWYG editor built\n                      for the modern web. With its\n                      <a href=\"http://quilljs.com/docs/modules/\">modular architecture</a> and expressive\n                      <a href=\"http://quilljs.com/docs/api/\">API</a>, it is completely customizable to fit any need.\n                    </p>\n                    <p class=\"card-text\"><br /></p>\n                    <iframe\n                      class=\"ql-video ql-align-center\"\n                      src=\"https://www.youtube.com/embed/QHH3iSeDBLo?showinfo=0\"\n                      width=\"560\"\n                      height=\"238\"\n                    ></iframe>\n                    <p class=\"card-text\"><br /></p>\n                    <p class=\"card-text\"><br /></p>\n                    <h2 class=\"ql-align-center\">Getting Started is Easy</h2>\n                    <p class=\"card-text\"><br /></p>\n                    <pre>\n// &lt;link href=\"https://cdn.quilljs.com/1.3.6/quill.snow.css\" rel=\"stylesheet\"&gt;\n// &lt;script src=\"https://cdn.quilljs.com/1.3.6/quill.min.js\" type=\"text/javascript\"&gt;&lt;/script&gt;\nvar quill = new Quill('#editor', {\n    modules: {\n        toolbar: '#toolbar'\n    },\n    theme: 'snow'\n});\n// Open your browser's developer console to try out the API!</pre>`,\n    }\n  },\n  methods: {\n    customButtonClick() {\n      // eslint-disable-next-line\n      alert('Button clicked!')\n    },\n  },\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuillEditorCustom.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuillEditorCustom.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuillEditorCustom.vue?vue&type=template&id=5cbd0512&\"\nimport script from \"./QuillEditorCustom.vue?vue&type=script&lang=js&\"\nexport * from \"./QuillEditorCustom.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\nexport default component.exports","<template>\n  <b-row>\n    <b-col cols=\"12\">\n      <quill-editor-snow />\n      <quill-editor-bubble />\n      <quill-editor-custom />\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport { BRow, BCol } from 'bootstrap-vue'\nimport QuillEditorSnow from './QuillEditorSnow.vue'\nimport QuillEditorBubble from './QuillEditorBubble.vue'\nimport QuillEditorCustom from './QuillEditorCustom.vue'\n\nexport default {\n  components: {\n    BRow,\n    BCol,\n\n    QuillEditorSnow,\n    QuillEditorBubble,\n    QuillEditorCustom,\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import '@core/scss/vue/libs/quill.scss';\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuillEditor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuillEditor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuillEditor.vue?vue&type=template&id=04e799a9&\"\nimport script from \"./QuillEditor.vue?vue&type=script&lang=js&\"\nexport * from \"./QuillEditor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./QuillEditor.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"],"sourceRoot":""}