{"version":3,"sources":["webpack:///./src/views/forms/form-element/quill-editor/QuillEditorBubble.vue?f346","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:///./node_modules/bootstrap-vue/esm/components/card/card-text.js","webpack:///./src/views/forms/form-element/quill-editor/code.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","scopedSlots","_u","key","fn","_v","_s","codeBubble","proxy","editorOption","model","value","callback","$$v","content","expression","staticRenderFns","components","quillEditor","BCardCode","BCardText","data","theme","syntax","modules","toolbar","header","component","props","textTag","extend","name","functional","h","_ref","children","staticClass","codeSnow","codeCustom"],"mappings":"0IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQ,iBAAiBC,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACV,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIa,YAAY,OAAOC,OAAM,MAAS,CAACV,EAAG,cAAc,CAACJ,EAAIW,GAAG,6CAA6CP,EAAG,eAAe,CAACE,MAAM,CAAC,QAAUN,EAAIe,cAAcC,MAAM,CAACC,MAAOjB,EAAW,QAAEkB,SAAS,SAAUC,GAAMnB,EAAIoB,QAAQD,GAAKE,WAAW,cAAc,IACvdC,EAAkB,G,gDCoBP,GACbC,WAAYA,CACVC,YAAJA,iBACIC,UAAJA,OACIC,UAAJA,QAEEC,KANF,WAOI,MAAO,CACLd,WAANA,gBACME,aAAcA,CACZa,MAAOA,SACPC,QAAQA,EACRC,QAASA,CACPC,QAASA,CACnB,kBACA,EAAYC,OAAZA,mBACA,oBAIMZ,QAASA,6gDCzCyX,I,YCOpYa,EAAY,eACd,EACAlC,EACAuB,GACA,EACA,KACA,KACA,MAIa,aAAAW,E,2CClBf,kGAKWC,EAAQ,eAAsB,CACvCC,QAAS,eAAS,OAAkB,MACnC,QAGQT,EAAyB,aAAIU,OAAO,CAC7CC,KAAM,OACNC,YAAY,EACZJ,MAAOA,EACPnC,OAAQ,SAAgBwC,EAAGC,GACzB,IAAIN,EAAQM,EAAKN,MACbP,EAAOa,EAAKb,KACZc,EAAWD,EAAKC,SACpB,OAAOF,EAAEL,EAAMC,QAAS,eAAUR,EAAM,CACtCe,YAAa,cACXD,O,kCCpBR,sIAAO,IAAM5B,EAAa,u/BAoCb8B,EAAW,83CA2CXC,EAAa","file":"js/chunk-69b6fde4.547c0df5.js","sourcesContent":["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","import { Vue, mergeData } from '../../vue';\nimport { NAME_CARD_TEXT } from '../../constants/components';\nimport { PROP_TYPE_STRING } from '../../constants/props';\nimport { makeProp, makePropsConfigurable } from '../../utils/props'; // --- Props ---\n\nexport var props = makePropsConfigurable({\n  textTag: makeProp(PROP_TYPE_STRING, 'p')\n}, NAME_CARD_TEXT); // --- Main component ---\n// @vue/component\n\nexport var BCardText = /*#__PURE__*/Vue.extend({\n  name: NAME_CARD_TEXT,\n  functional: true,\n  props: props,\n  render: function render(h, _ref) {\n    var props = _ref.props,\n        data = _ref.data,\n        children = _ref.children;\n    return h(props.textTag, mergeData(data, {\n      staticClass: 'card-text'\n    }), children);\n  }\n});","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"],"sourceRoot":""}