{"version":3,"sources":["webpack:///./src/views/forms/form-element/quill-editor/QuillEditor.vue?fcac","webpack:///./src/views/forms/form-element/quill-editor/QuillEditor.vue?78de","webpack:///./src/views/forms/form-element/quill-editor/QuillEditorSnow.vue?2225","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?bc87","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?ed7c","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","header","slot","staticClass","on","customButtonClick","methods","alert","BRow","BCol","QuillEditorSnow","QuillEditorBubble","QuillEditorCustom"],"mappings":"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","file":"js/chunk-46925757.1c59187d.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&id=04e799a9&prod&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 = `\r\n<template>\r\n  <div>\r\n    <quill-editor\r\n      v-model=\"content\"\r\n      :options=\"editorOption\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { quillEditor } from 'vue-quill-editor'\r\n\r\n// eslint-disable-next-line\r\nimport 'quill/dist/quill.core.css'\r\n// eslint-disable-next-line\r\nimport 'quill/dist/quill.snow.css'\r\n// eslint-disable-next-line\r\nimport 'quill/dist/quill.bubble.css'\r\n\r\nexport default {\r\n  components: {\r\n    quillEditor,\r\n  },\r\n  data: () => ({\r\n    editorOption: {\r\n      theme: 'bubble',\r\n    },\r\n    content: \\`<h2><span>Quill Rich Text Editor</span></h2><br />\r\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 />\r\n<iframe class=\"ql-video\" src=\"https://www.youtube.com/embed/QHH3iSeDBLo?showinfo=0\" width=\"560\" height=\"238\"></iframe>\\`,\r\n  }),\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeSnow = `\r\n<template>\r\n  <quill-editor\r\n    v-model=\"content\"\r\n    :options=\"snowOption\"\r\n  />\r\n</template>\r\n\r\n<script>\r\n// eslint-disable-next-line\r\nimport 'quill/dist/quill.core.css'\r\n// eslint-disable-next-line\r\nimport 'quill/dist/quill.snow.css'\r\n// eslint-disable-next-line\r\nimport 'quill/dist/quill.bubble.css'\r\n\r\nimport { quillEditor } from 'vue-quill-editor'\r\n\r\nexport default {\r\n  components: {\r\n    quillEditor,\r\n  },\r\n  data: () => ({\r\n    content: \\`<h1>Quill Rich Text Editor</h1>\r\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>\r\n  <iframe class=\"ql-video\" src=\"https://www.youtube.com/embed/QHH3iSeDBLo?showinfo=0\" width=\"560\" height=\"238\"></iframe>\r\n  <p><br></p>\r\n  <h2>Getting Started is Easy</h2>\r\n  <p><br></p>\r\n  <pre>\r\n// &lt;link href=\"https://cdn.quilljs.com/1.0.5/quill.snow.css\" rel=\"stylesheet\"&gt;\r\n// &lt;script src=\"https://cdn.quilljs.com/1.0.5/quill.min.js\" type=\"text/javascript\"&gt;&lt;/script&gt;\r\n  var quill = new Quill('#editor', {\r\n  modules: {\r\n  toolbar: '#toolbar'\r\n  },\r\n  theme: 'snow'\r\n  });\r\n// Open your browser's developer console to try out the API!</pre>  \\`,\r\n  }),\r\n}\r\n</script>\r\n`\r\nexport const codeCustom = `\r\n<template>\r\n  <div>\r\n    <quill-editor\r\n      v-model=\"content\"\r\n      :options=\"editorOption\"\r\n      >\r\n      <div\r\n        id=\"toolbar\"\r\n        slot=\"toolbar\"\r\n      >\r\n        <!-- Add a bold button -->\r\n        <button class=\"ql-bold\">\r\n          Bold\r\n        </button>\r\n        <button class=\"ql-italic\">\r\n          Italic\r\n        </button>\r\n\r\n        <!-- Add font size dropdown -->\r\n        <select class=\"ql-size\">\r\n          <option value=\"small\" />\r\n          <!-- Note a missing, thus falsy value, is used to reset to default -->\r\n          <option selected />\r\n          <option value=\"large\" />\r\n          <option value=\"huge\" />\r\n        </select>\r\n\r\n        <select class=\"ql-font\">\r\n          <option selected=\"selected\" />\r\n          <option value=\"serif\" />\r\n          <option value=\"monospace\" />\r\n        </select>\r\n\r\n        <!-- Add subscript and superscript buttons -->\r\n        <button\r\n          class=\"ql-script\"\r\n          value=\"sub\"\r\n        />\r\n        <button\r\n          class=\"ql-script\"\r\n          value=\"super\"\r\n        />\r\n\r\n        <!-- You can also add your own -->\r\n        <button\r\n          style=\"width:auto\"\r\n          @click=\"customButtonClick\"\r\n        >\r\n          Click here\r\n        </button>\r\n      </div>\r\n    </quill-editor>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// eslint-disable-next-line\r\nimport 'quill/dist/quill.core.css'\r\n// eslint-disable-next-line\r\nimport 'quill/dist/quill.snow.css'\r\n// eslint-disable-next-line\r\nimport 'quill/dist/quill.bubble.css'\r\nimport { quillEditor } from 'vue-quill-editor'\r\n\r\nexport default {\r\n  components: {\r\n    quillEditor,\r\n  },\r\n  data: () => ({\r\n    editorOption: {\r\n      modules: {\r\n        toolbar: '#toolbar',\r\n      },\r\n    },\r\n    content: \\`<h2><span class=\"ql-font-serif\">Quill Rich Text Editor</span></h2><br />\r\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 />\r\n<iframe class=\"ql-video\" src=\"https://www.youtube.com/embed/QHH3iSeDBLo?showinfo=0\" width=\"560\" height=\"238\"></iframe>\\`,\r\n  }),\r\n  methods: {\r\n    customButtonClick() {\r\n      alert('Button clicked!')\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n","<template>\r\n  <b-card-code title=\"Snow Editor\">\r\n    <b-card-text>Snow is a clean, flat toolbar theme</b-card-text>\r\n\r\n    <quill-editor\r\n      v-model=\"content\"\r\n      :options=\"snowOption\"\r\n    />\r\n\r\n    <template #code>\r\n      {{ codeSnow }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport { BCardText } from 'bootstrap-vue'\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { quillEditor } from 'vue-quill-editor'\r\nimport { codeSnow } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    quillEditor,\r\n    BCardCode,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeSnow,\r\n      snowOption: {\r\n        theme: 'snow',\r\n      },\r\n      content: `<h1 class=\"ql-align-center\">Quill Rich Text Editor</h1>\r\n                    <p class=\"card-text\"><br /></p>\r\n                    <p class=\"card-text\">\r\n                      Quill is a free, <a href=\"https://github.com/quilljs/quill/\">open source</a> WYSIWYG editor built\r\n                      for the modern web. With its\r\n                      <a href=\"http://quilljs.com/docs/modules/\">modular architecture</a> and expressive\r\n                      <a href=\"http://quilljs.com/docs/api/\">API</a>, it is completely customizable to fit any need.\r\n                    </p>\r\n                    <p class=\"card-text\"><br /></p>\r\n                    <iframe\r\n                      class=\"ql-video ql-align-center\"\r\n                      src=\"https://www.youtube.com/embed/QHH3iSeDBLo?showinfo=0\"\r\n                      width=\"560\"\r\n                      height=\"238\"\r\n                    ></iframe>\r\n                    <p class=\"card-text\"><br /></p>\r\n                    <p class=\"card-text\"><br /></p>\r\n                    <h2 class=\"ql-align-center\">Getting Started is Easy</h2>\r\n                    <p class=\"card-text\"><br /></p>\r\n                    <pre>\r\n// &lt;link href=\"https://cdn.quilljs.com/1.3.6/quill.snow.css\" rel=\"stylesheet\"&gt;\r\n// &lt;script src=\"https://cdn.quilljs.com/1.3.6/quill.min.js\" type=\"text/javascript\"&gt;&lt;/script&gt;\r\nvar quill = new Quill('#editor', {\r\n    modules: {\r\n        toolbar: '#toolbar'\r\n    },\r\n    theme: 'snow'\r\n});\r\n// Open your browser's developer console to try out the API!</pre>`,\r\n    }\r\n  },\r\n\r\n}\r\n</script>\r\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>\r\n  <b-card-code title=\"Bubble Editor\">\r\n    <b-card-text>Bubble is a simple tooltip based theme.</b-card-text>\r\n\r\n    <quill-editor\r\n      v-model=\"content\"\r\n      :options=\"editorOption\"\r\n    />\r\n\r\n    <template #code>\r\n      {{ codeBubble }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport { BCardText } from 'bootstrap-vue'\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { quillEditor } from 'vue-quill-editor'\r\nimport { codeBubble } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    quillEditor,\r\n    BCardCode,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeBubble,\r\n      editorOption: {\r\n        theme: 'bubble',\r\n        syntax: false,\r\n        modules: {\r\n          toolbar: [\r\n            ['bold', 'italic'],\r\n            [{ header: [1, 2, 3, 4, 5, 6, false] }],\r\n            ['link', 'image'],\r\n          ],\r\n        },\r\n      },\r\n      content: `<h1 class=\"ql-align-center\">Quill Rich Text Editor</h1>\r\n                    <p class=\"card-text\"><br /></p>\r\n                    <p class=\"card-text\">\r\n                      Quill is a free, <a href=\"https://github.com/quilljs/quill/\">open source</a> WYSIWYG editor built\r\n                      for the modern web. With its\r\n                      <a href=\"http://quilljs.com/docs/modules/\">modular architecture</a> and expressive\r\n                      <a href=\"http://quilljs.com/docs/api/\">API</a>, it is completely customizable to fit any need.\r\n                    </p>\r\n                    <p class=\"card-text\"><br /></p>\r\n                    <iframe\r\n                      class=\"ql-video ql-align-center\"\r\n                      src=\"https://www.youtube.com/embed/QHH3iSeDBLo?showinfo=0\"\r\n                      width=\"560\"\r\n                      height=\"238\"\r\n                    ></iframe>\r\n                    <p class=\"card-text\"><br /></p>\r\n                    <p class=\"card-text\"><br /></p>\r\n                    <h2 class=\"ql-align-center\">Getting Started is Easy</h2>\r\n                    <p class=\"card-text\"><br /></p>\r\n                    <pre>\r\n// &lt;link href=\"https://cdn.quilljs.com/1.3.6/quill.snow.css\" rel=\"stylesheet\"&gt;\r\n// &lt;script src=\"https://cdn.quilljs.com/1.3.6/quill.min.js\" type=\"text/javascript\"&gt;&lt;/script&gt;\r\nvar quill = new Quill('#editor', {\r\n    modules: {\r\n        toolbar: '#toolbar'\r\n    },\r\n    theme: 'bubble'\r\n});\r\n// Open your browser's developer console to try out the API!</pre>`,\r\n    }\r\n  },\r\n}\r\n</script>\r\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>\r\n  <b-card-code title=\"Custom Toolbar\">\r\n    <b-card-text>You have freedom to create your own custom toolbar</b-card-text>\r\n\r\n    <quill-editor\r\n      v-model=\"content\"\r\n      :options=\"editorOption\"\r\n    >\r\n      <div\r\n        id=\"toolbar\"\r\n        slot=\"toolbar\"\r\n      >\r\n        <!-- Add a bold button -->\r\n        <button class=\"ql-bold\">\r\n          Bold\r\n        </button>\r\n        <button class=\"ql-italic\">\r\n          Italic\r\n        </button>\r\n\r\n        <!-- Add font size dropdown -->\r\n        <select class=\"ql-size\">\r\n          <option value=\"small\" />\r\n          <!-- Note a missing, thus falsy value, is used to reset to default -->\r\n          <option selected />\r\n          <option value=\"large\" />\r\n          <option value=\"huge\" />\r\n        </select>\r\n\r\n        <select class=\"ql-font\">\r\n          <option selected=\"selected\" />\r\n          <option value=\"serif\" />\r\n          <option value=\"monospace\" />\r\n        </select>\r\n\r\n        <!-- Add subscript and superscript buttons -->\r\n        <button\r\n          class=\"ql-script\"\r\n          value=\"sub\"\r\n        />\r\n        <button\r\n          class=\"ql-script\"\r\n          value=\"super\"\r\n        />\r\n\r\n        <!-- You can also add your own -->\r\n        <button\r\n          class=\"w-auto btn btn-primary\"\r\n          @click=\"customButtonClick\"\r\n        >\r\n          Click here\r\n        </button>\r\n      </div>\r\n    </quill-editor>\r\n\r\n    <template #code>\r\n      {{ codeCustom }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport { BCardText } from 'bootstrap-vue'\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { quillEditor } from 'vue-quill-editor'\r\nimport { codeCustom } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    quillEditor,\r\n    BCardCode,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeCustom,\r\n      editorOption: {\r\n        modules: {\r\n          toolbar: '#toolbar',\r\n        },\r\n      },\r\n      content: `<h1 class=\"ql-align-center\">Quill Rich Text Editor</h1>\r\n                    <p class=\"card-text\"><br /></p>\r\n                    <p class=\"card-text\">\r\n                      Quill is a free, <a href=\"https://github.com/quilljs/quill/\">open source</a> WYSIWYG editor built\r\n                      for the modern web. With its\r\n                      <a href=\"http://quilljs.com/docs/modules/\">modular architecture</a> and expressive\r\n                      <a href=\"http://quilljs.com/docs/api/\">API</a>, it is completely customizable to fit any need.\r\n                    </p>\r\n                    <p class=\"card-text\"><br /></p>\r\n                    <iframe\r\n                      class=\"ql-video ql-align-center\"\r\n                      src=\"https://www.youtube.com/embed/QHH3iSeDBLo?showinfo=0\"\r\n                      width=\"560\"\r\n                      height=\"238\"\r\n                    ></iframe>\r\n                    <p class=\"card-text\"><br /></p>\r\n                    <p class=\"card-text\"><br /></p>\r\n                    <h2 class=\"ql-align-center\">Getting Started is Easy</h2>\r\n                    <p class=\"card-text\"><br /></p>\r\n                    <pre>\r\n// &lt;link href=\"https://cdn.quilljs.com/1.3.6/quill.snow.css\" rel=\"stylesheet\"&gt;\r\n// &lt;script src=\"https://cdn.quilljs.com/1.3.6/quill.min.js\" type=\"text/javascript\"&gt;&lt;/script&gt;\r\nvar quill = new Quill('#editor', {\r\n    modules: {\r\n        toolbar: '#toolbar'\r\n    },\r\n    theme: 'snow'\r\n});\r\n// Open your browser's developer console to try out the API!</pre>`,\r\n    }\r\n  },\r\n  methods: {\r\n    customButtonClick() {\r\n      // eslint-disable-next-line\r\n      alert('Button clicked!')\r\n    },\r\n  },\r\n}\r\n</script>\r\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>\r\n  <b-row>\r\n    <b-col cols=\"12\">\r\n      <quill-editor-snow />\r\n      <quill-editor-bubble />\r\n      <quill-editor-custom />\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport { BRow, BCol } from 'bootstrap-vue'\r\nimport QuillEditorSnow from './QuillEditorSnow.vue'\r\nimport QuillEditorBubble from './QuillEditorBubble.vue'\r\nimport QuillEditorCustom from './QuillEditorCustom.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n\r\n    QuillEditorSnow,\r\n    QuillEditorBubble,\r\n    QuillEditorCustom,\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@core/scss/vue/libs/quill.scss';\r\n</style>\r\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&id=04e799a9&prod&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":""}