{"version":3,"sources":["webpack:///./src/components/ckeditor5/Editor.vue","webpack:///src/components/ckeditor5/Editor.vue","webpack:///./src/components/ckeditor5/Editor.vue?ce86","webpack:///./src/components/ckeditor5/Editor.vue?a010"],"names":["render","_this","_vm","this","_c","_self","staticStyle","ref","attrs","editor","editorConfig","disabled","on","eventReadyEditor","model","value","inputVal","callback","$$v","expression","staticRenderFns","TOKEN_PREP","Ls","getToken","name","props","type","String","default","Boolean","minHeight","Number","placeholder","data","ClassicEditor","plugins","EssentialsPlugin","ParagraphPlugin","BoldPlugin","ItalicPlugin","Underline","LinkPlugin","AutoLink","HeadingPlugin","FontPlugin","ListStyle","TablePlugin","AlignmentPlugin","TableToolbar","TableProperties","TableCellProperties","Clipboard","PasteFromOffice","EasyImage","SimpleUploadAdapter","Image","ImageResize","ImageStylePlugin","ImageToolbarPlugin","ImageUploadPlugin","toolbar","items","shouldNotGroupWhenFull","simpleUpload","uploadUrl","process","withCredentials","headers","Authorization","image","styles","table","contentToolbar","link","decorators","openInNewTab","mode","label","attributes","target","watch","val","console","log","computed","get","set","$emit","created","methods","vm","customHeight","cpEditor","editing","view","change","writer","setStyle","document","getRoot","component"],"mappings":"ueAAA,IAAIA,EAAS,WAAiB,IAAAC,EAAA,KAAKC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,CAAC,MAAQ,SAAS,CAACF,EAAG,WAAW,CAACG,IAAI,eAAeC,MAAM,CAAC,OAASN,EAAIO,OAAO,OAASP,EAAIQ,aAAa,SAAWR,EAAIS,UAAUC,GAAG,CAAC,MAAQ,SAACH,GAAM,OAAKP,EAAIW,iBAAiBJ,EAAQR,KAAOa,MAAM,CAACC,MAAOb,EAAIc,SAAUC,SAAS,SAAUC,GAAMhB,EAAIc,SAASE,GAAKC,WAAW,eAAe,IAErXC,EAAkB,G,oUC4CtBC,EAAAC,OAAAC,WAEe,GACfC,KAAA,SACAC,MAAA,CACAV,MAAA,CACAW,KAAAC,OACAC,QAAA,IAEAjB,SAAA,CACAe,KAAAG,QACAD,SAAA,GAEAE,UAAA,CACAJ,KAAA,CAAAK,OAAAJ,QACAC,QAAA,KAEAI,YAAA,CACAN,KAAAC,OACAC,QAAA,KAGAK,KAAA,WACA,OACAxB,OAAAyB,OACAxB,aAAA,CACAsB,YAAA,GACAG,QAAA,CACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,QAEAC,QAAA,CACAC,MAAA,CACA,UACA,IACA,OACA,SACA,YACA,IACA,OACA,IACA,OACA,OACA,IACA,WACA,aACA,YACA,sBACA,IACA,eACA,eACA,IACA,cACA,IACA,iBACA,kBACA,mBACA,oBACA,IACA,eAEAC,wBAAA,GAEAC,aAAA,CAIAC,UACAC,iEAIAC,iBAAA,EAGAC,QAAA,CAEAC,cAAA,UAAA/C,IAGAgD,MAAA,CACAT,QAAA,CACA,kBACA,kBACA,uBACA,yBACA,yBAEAU,OAAA,CAEA,OAEA,OAEA,YAEA,cAEA,eAGAC,MAAA,CACAC,eAAA,CACA,cACA,WACA,kBACA,kBACA,wBAGAC,KAAA,CACAC,WAAA,CACAC,aAAA,CACAC,KAAA,SACAC,MAAA,oBACAC,WAAA,CACAC,OAAA,gBAQAC,MAAA,CACAhD,YAAA,SAAAiD,GACAC,QAAAC,IAAA,cAAAF,GACA,KAAAvE,aAAAsB,YAAAiD,IAGAG,SAAA,CACApE,SAAA,CACAqE,IAAA,WACA,YAAAtE,OAEAuE,IAAA,SAAAL,GACA,KAAAM,MAAA,QAAAN,MAIAO,QAAA,WACA,KAAA9E,aAAAsB,YAAA,KAAAA,aAEAyD,QAAA,CACA5E,iBAAA,SAAAJ,EAAAiF,GACA,KAAAC,aAAAlF,EAAAiF,EAAA5D,YAEA6D,aAAA,SAAAlF,EAAAqB,GACA,IAAA8D,EAAAnF,EACAA,EAAAoF,QAAAC,KAAAC,QAAA,SAAAC,GACAA,EAAAC,SAAA,aAAAnE,EAAA,KAAA8D,EAAAC,QAAAC,KAAAI,SAAAC,iBC1N8S,I,YCO1SC,EAAY,eACd,EACApG,EACAoB,GACA,EACA,KACA,KACA,MAIa,aAAAgF,E","file":"js/chunk-051d43a3.5e70da89.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"width\":\"100%\"}},[_c('ckeditor',{ref:\"editorCustom\",attrs:{\"editor\":_vm.editor,\"config\":_vm.editorConfig,\"disabled\":_vm.disabled},on:{\"ready\":(editor) => _vm.eventReadyEditor(editor, this)},model:{value:(_vm.inputVal),callback:function ($$v) {_vm.inputVal=$$v},expression:\"inputVal\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div style=\"width: 100%\">\n    <ckeditor\n      @ready=\"(editor) => eventReadyEditor(editor, this)\"\n      :editor=\"editor\"\n      :config=\"editorConfig\"\n      v-model=\"inputVal\"\n      :disabled=\"disabled\"\n      ref=\"editorCustom\"\n    ></ckeditor>\n  </div>\n</template>\n\n<script>\nimport ClassicEditor from \"@ckeditor/ckeditor5-editor-classic/src/classiceditor\";\nimport EssentialsPlugin from \"@ckeditor/ckeditor5-essentials/src/essentials\";\nimport BoldPlugin from \"@ckeditor/ckeditor5-basic-styles/src/bold\";\nimport ItalicPlugin from \"@ckeditor/ckeditor5-basic-styles/src/italic\";\nimport LinkPlugin from \"@ckeditor/ckeditor5-link/src/link\";\nimport ParagraphPlugin from \"@ckeditor/ckeditor5-paragraph/src/paragraph\";\nimport HeadingPlugin from \"@ckeditor/ckeditor5-heading/src/heading\";\nimport FontPlugin from \"@ckeditor/ckeditor5-font/src/font\";\n// import ListPlugin from '@ckeditor/ckeditor5-list/src/list';\nimport ListStyle from \"@ckeditor/ckeditor5-list/src/liststyle\";\nimport TablePlugin from \"@ckeditor/ckeditor5-table/src/table\";\nimport AlignmentPlugin from \"@ckeditor/ckeditor5-alignment/src/alignment\";\nimport TableToolbar from \"@ckeditor/ckeditor5-table/src/tabletoolbar\";\nimport TableProperties from \"@ckeditor/ckeditor5-table/src/tableproperties\";\nimport TableCellProperties from \"@ckeditor/ckeditor5-table/src/tablecellproperties\";\nimport Clipboard from \"@ckeditor/ckeditor5-clipboard/src/clipboard\";\nimport PasteFromOffice from \"@ckeditor/ckeditor5-paste-from-office/src/pastefromoffice\";\nimport AutoLink from \"@ckeditor/ckeditor5-link/src/autolink\";\nimport Underline from \"@ckeditor/ckeditor5-basic-styles/src/underline\";\n\n// import ImageToolbar from '@ckeditor/ckeditor5-image/src/imagetoolbar';\nimport EasyImage from \"@ckeditor/ckeditor5-easy-image/src/easyimage\";\nimport Image from \"@ckeditor/ckeditor5-image/src/image\";\nimport SimpleUploadAdapter from \"@ckeditor/ckeditor5-upload/src/adapters/simpleuploadadapter\";\nimport ImageResize from \"@ckeditor/ckeditor5-image/src/imageresize\";\n\n// import ImageCaptionPlugin from '@ckeditor/ckeditor5-image/src/imagecaption';\nimport ImageStylePlugin from \"@ckeditor/ckeditor5-image/src/imagestyle\";\nimport ImageToolbarPlugin from \"@ckeditor/ckeditor5-image/src/imagetoolbar\";\nimport ImageUploadPlugin from \"@ckeditor/ckeditor5-image/src/imageupload\";\n\nimport Ls from \"@/core/services/jwt.service.js\";\nconst TOKEN_PREP = Ls.getToken();\n\nexport default {\n  name: \"Editor\",\n  props: {\n    value: {\n      type: String,\n      default: \"\",\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    minHeight: {\n      type: [Number, String],\n      default: 200,\n    },\n    placeholder: {\n      type: String,\n      default: \"\",\n    },\n  },\n  data() {\n    return {\n      editor: ClassicEditor,\n      editorConfig: {\n        placeholder: \"\",\n        plugins: [\n          EssentialsPlugin,\n          ParagraphPlugin,\n          BoldPlugin,\n          ItalicPlugin,\n          Underline,\n          LinkPlugin,\n          AutoLink,\n          HeadingPlugin,\n          FontPlugin,\n          ListStyle,\n          TablePlugin,\n          AlignmentPlugin,\n          TableToolbar,\n          TableProperties,\n          TableCellProperties,\n          Clipboard,\n          PasteFromOffice,\n          EasyImage,\n          SimpleUploadAdapter,\n          Image,\n          ImageResize,\n          ImageStylePlugin,\n          ImageToolbarPlugin,\n          ImageUploadPlugin,\n        ],\n        toolbar: {\n          items: [\n            \"heading\",\n            \"|\",\n            \"bold\",\n            \"italic\",\n            \"underline\",\n            \"|\",\n            \"link\",\n            \"|\",\n            \"undo\",\n            \"redo\",\n            \"|\",\n            \"fontSize\",\n            \"fontFamily\",\n            \"fontColor\",\n            \"fontBackgroundColor\",\n            \"|\",\n            \"bulletedList\",\n            \"numberedList\",\n            \"|\",\n            \"insertTable\",\n            \"|\",\n            \"alignment:left\",\n            \"alignment:right\",\n            \"alignment:center\",\n            \"alignment:justify\",\n            \"|\",\n            \"imageUpload\",\n          ],\n          shouldNotGroupWhenFull: true,\n        },\n        simpleUpload: {\n          // The URL that the images are uploaded to.\n          // process.env.VUE_APP_BASE_URL\n          // uploadUrl: 'https://prep.vn.test/api/prep-app/element/upload-image-ckeditor',\n          uploadUrl:\n            process.env.VUE_APP_BASE_URL +\n            \"prep-app/element/upload-image-ckeditor\",\n\n          // Enable the XMLHttpRequest.withCredentials property.\n          withCredentials: false,\n\n          // Headers sent along with the XMLHttpRequest to the upload server.\n          headers: {\n            // 'X-CSRF-TOKEN': 'CSRF-Token',\n            Authorization: \"Bearer \" + TOKEN_PREP,\n          },\n        },\n        image: {\n          toolbar: [\n            \"imageStyle:full\",\n            \"imageStyle:side\",\n            \"imageStyle:alignLeft\",\n            \"imageStyle:alignCenter\",\n            \"imageStyle:alignRight\",\n          ],\n          styles: [\n            // This option is equal to the situation when no style is applied.\n            \"full\",\n            // This represents a side image.\n            \"side\",\n            // This style represents an image aligned to the left.\n            \"alignLeft\",\n            // This style represents a centered image.\n            \"alignCenter\",\n            // This style represents an image aligned to the right.,\n            \"alignRight\",\n          ],\n        },\n        table: {\n          contentToolbar: [\n            \"tableColumn\",\n            \"tableRow\",\n            \"mergeTableCells\",\n            \"tableProperties\",\n            \"tableCellProperties\",\n          ],\n        },\n        link: {\n          decorators: {\n            openInNewTab: {\n              mode: \"manual\",\n              label: \"Open in a new tab\",\n              attributes: {\n                target: \"_blank\",\n              },\n            },\n          },\n        },\n      },\n    };\n  },\n  watch: {\n    placeholder(val) {\n      console.log(\"placeholder\", val);\n      this.editorConfig.placeholder = val;\n    },\n  },\n  computed: {\n    inputVal: {\n      get() {\n        return this.value;\n      },\n      set(val) {\n        this.$emit(\"input\", val);\n      },\n    },\n  },\n  created() {\n    this.editorConfig.placeholder = this.placeholder;\n  },\n  methods: {\n    eventReadyEditor(editor, vm) {\n      this.customHeight(editor, vm.minHeight);\n    },\n    customHeight: (editor, minHeight) => {\n      let cpEditor = editor;\n      editor.editing.view.change((writer) => {\n        writer.setStyle( 'min-height', minHeight+'px', cpEditor.editing.view.document.getRoot() );\n      });\n    }\n  }\n};\n</script>\n\n<style></style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../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!./Editor.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../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!./Editor.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Editor.vue?vue&type=template&id=7b16fd4b\"\nimport script from \"./Editor.vue?vue&type=script&lang=js\"\nexport * from \"./Editor.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"],"sourceRoot":""}